Чтобы добиться кроссбраузерности, иногда приходится переворачивать код вверх дном.
В этой статье вы узнаете хаки, которые помогут вам. Они персональны для определенного браузера. Так что ломать голову над css не придется.
CSS Хаки для IE 6:
.class {
_background: #F00;
}
* html .class {
background: #F00;
}
/* код валидный */
CSS Хаки для IE 7:
*+html .class {
background: #F00;
}
/* код валидный */
html>body .class {
*background: #F00;
}
CSS Хаки для Opera:
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
.class {background: #F00;}
}
html:first-child .class {
background: #F00;
}
/* код валидный */
Последний пример только для Opera 9.5
CSS Хаки для FireFox:
@-moz-document url-prefix() {
.class {background: #F00;}
}
CSS Хаки для Safari и Google Chrome:
body:last-child:not(:root:root) .class {
background: #F00;
}
Используя эти хаки, можно облегчить себе жизнь и потратить меньше времени на создание css.
За подборку, можно сказать спасибо Dimox’у
Ответить | Цитировать
Ответить | Цитировать
Может правило хака (приведенном выше «Safari и Google Chrome»), действует одинаково для обоих этих браузеров. Тогда зачем выдумать еще один велосипед? Когда можно смело пользоваться этим..
Может я не прав, то извиняйте. У меня нету возможности проверить справедливость этих хаков..
Ответить | Цитировать
Ответить | Цитировать
Ответить | Цитировать
<link href=»style.css» rel=»stylesheet» type=»opera/css»>
валидно.
Ответить | Цитировать
Ответить | Цитировать
Ответить | Цитировать
Ответить | Цитировать
в css у меня margin-top: 7px; в прошлой версии firefox 3.0.17 все ок, ie 7-8 тоже ок, opera 10 ок, но firefox 3.6 — отступ.
Может какой-нибудь хак посоветуешь именно для firefox 3.6. ?
Иначе уже устал стили переделывать, ради одного firefox 3.6. в остальных броузерах все летит.
Всего доброго!
Ответить | Цитировать
Ответить | Цитировать
CSS Хаки для Firefox, Opera, Safari и Internet Explorer
Ответить | Цитировать