Home » CSS, Webdesign, featured

Safari, Chrome, Webkit CSS hack

11.02, 2010 zobrazení: 813 komentárov: 3

Chrome_SafariExistuje niekoľko zaužívaných spôsobov ako pri písaní CSS donútiť napríklad Internet Explorer, aby použil inú definíciu, ako ostatné prehliadače. Konkrétne mám na mysli rôzne css hack, ako napríklad znak podčiarnika alebo otáznika pred danou deklaráciou.

No ako oklamať prehliadače s jadrom webkit v prípade výnimočnej núdze? V Safari a Chrome pekne funguje nasledujúca vec:
body { background-color: red; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
body { background-color: blue; }
}

O tom, že to spraví z css nevalidný dokument sa baviť nebudeme. To je jedno. Keď treba, tak ten css hack použijem, a ten jeden dva riadky parser prehryzne.

pošli na vybrali.sme.sk Google Vytlač tento článok!

komentárov: 3 »

Prispej svojim komentárom.

Trackback | RSS kanál komentárov

povolené html tagy:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
(nezabudnite ich uzatvárať!)