
Вот решил выложить (скорее даже для себя) все хаки в одном месте, чтоб долго потом не искать, и не лазить по букмаркам…
Сразу отмечу, что это не борьба с двойными маргинами или прозрачностью андромеды PNG…это варианты подключения отдельных таблиц стилей и(или) прописывания их inline в CSS
Хочется выразить благодарность Евгению Белоеду за некоторые хаки, освещенные здесь…
Итак….
Google Chrome и Safari 3.1
body:nth-of-type(1) p {
color: #333333;
}
Safari
html[xmlns*=""] body:last-child p {
color: #D50303;
}
Safari 3.0
link rel="stylesheet" media="screen and min-device-pixel-ratio: 0" href="safari3.css"
IE под MAC
/**//*/
селектор {
свойство: значение;
}
/**/
Opera
@media all and (min-width: 0)
{
.style { background: #FF0; }
}
или
html:first-child .style
{
background: #FF0;
}
/* Opera > 9.5 поддерживает не всегда */
Firefox
html:root .style
{
background: #FA0;
/* для Safari тоже сгодится */
или
.style, x:-moz-any-link
{
background: #FA0;
}
IE
IE 6 и ниже
* html {style}
или
_style
IE 7 и ниже
*:first-child+html {} * html {}
или
//style
IE 7 только
*:first-child+html {}
Я постарался осветить все новые и необычные хаки (не брал борьбу с min-width, min-height в IE) а ткаже подключения для него отдельных CSS файлов. По мере поступления, список будет обновляться (хочется собрать по-больше и по-необычней), но не стоит забывать что хороший сайт, этот тот сайт, который сделан без использования каких-либюо хаков. Имеется ввиду что он нормально отображается во всех браузерах))
Комментарии