Приёмы XHTML-вёрстки
XHTML: Хаки IE (всех версий), FireFox, Safari, Chrome
10 марта 2009 С появлением новых браузеров под MS Windows и всё более изощрённых дизайнов (включая различные элементы Веб 2.0) появилась необходимость подбора необходимых хаков для сложных мест вёрстки.Internet Explorer
При подключении CSS файла в вёрстке:
<!--[if IE]>
Для любой версии Internet Explorer
<![endif]-->
<!--[if IE 5]>
Только для Internet Explorer 5
<![endif]-->
<!--[if IE 5.0]>
Только для Internet Explorer 5.0
<![endif]-->
<!--[if IE 5.5]>
Только для Internet Explorer 5.5
<![endif]-->
<!--[if IE 6]>
Только для Internet Explorer 6
<![endif]-->
<!--[if IE 7]>
Только для Internet Explorer 7
<![endif]-->
<!--[if gte IE 5]>
Только для Internet Explorer 5 и версиями выще
<![endif]-->
<!--[if lt IE 6]>
Только для версий ниже чем Internet Explorer6
<![endif]-->
<!--[if lte IE 5.5]>
Только для версий ниже чем или равных Internet Explorer5.5
<![endif]-->
<!--[if gt IE 6]>
Только для версий выше чем Internet Explorer6
<![endif]--> <!--[if !IE 6]>
Применяется ко всем версиям браузера, кроме 6-й
<![endif]-->
IE 7
*:first-child+html p {background:red;}
или
html>body p{$background:red;}
Для кэширования background в IE
html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
Safari и Chrome
body:first-of-type p {background: red;}
Mozilla и FireFox
@-moz-document url-prefix() {
p {background: green;}
}