Categories
Статии

Safari 3.1 and Google Chrome CSS Hack

Това е хакът, който работи само за Safari 3.1 и Google Chrome.

body:nth-of-type(1) p {
/* Parameters */
}

Categories
Работа

Safari 3 css hack

За един много завъртян CSS проект ми се наложи да потърся css hack само за Safari. И преди съм търсил, но винаги съм намирал такива, които вече не работят към текущата версия на Safari. Днес обаче докато търсех, забелязах, че датите на всичките статии/уроци, които намирам са доста стари ( 2005, 2006 година ). Тогава се сетих за статията, която четох в блога на ЕмуФилтрация по последен период в Google и с идеята, че това ще ми помогне реших да го използвам. И наистина още при първото търсене за “safari css hack” за последните 2 месеца попаднах на тази статия – http://themechanism.com/blog/2008/01/08/safari-css-hack-redux/

Самият хак е следният.

@media screen and (-webkit-min-device-pixel-ratio:0) {

// Тук пишете каквото искате да се вижда само под Safari и Opera 9;

}

Според автора на статията, този хак най-вероятно ще остане за вбъдеще понеже -webkit часта от него най-вероятно няма да бъде използвана от останалите конкуренти на Safari.