<style> @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){.name{style:value;}} /* Стиль для Opera */
.name{*style:value;} /* Стиль для IE всех версий */
* height: 10px; /* этот CSS хак увидит только IE */ _height: 10px; /* эту инструкцию воспримут только IE 5.5 и IE 6.0 */ _heig\ht: 10px; /* а этот CSS хак увидит только IE 6.0 */
Здесь нет такого хака, который сгодился бы только для IE 5.5, но комбинируя хаки, мы можем задать какое-либо свойство только для IE 5.5. Например:
_display: none; _disp\lay: block; /* только IE 5.5 не отобразит блок */
550px - изменяемая величина,показывающая до каких размеров окна возможно пропорциональное сужение сайта,после чего включается прокрутка в окне браузера.
/* Первая конструкция — против Opera 9.5, которая понимает вторую, а вторая — против Opera 9.2, которая понимает первую. Верх извратства Вобщем-то безопасная конструкция, т. к. 9.2 уже не будет эволюционировать и явно не сможет обработать :first-of-type, а -webkit- — проприетарное свойство и обрабатывается Opera 9.2 скорее по ошибке, что следует из отсутсвия поддержки в 9.5 */
/* Safari понимает обе, поэтому хак работает */
Code
@media all and (-webkit-min-device-pixel-ratio:0) {
body:first-of-type #lightSF3 { display: block } /* вместо :first-of-type можно еще использовать :nth-of-type(1) — он для Safari 3.1 */
}
Сообщение отредактировал tomas686 - Вторник, 10.11.2009, 08:51
Вобщем-то безопасная конструкция, т. к. 9.2 уже не будет эволюционировать и явно не сможет обработать :first-of-type, а -webkit- — проприетарное свойство и обрабатывается Opera 9.2 скорее по ошибке, что следует из отсутсвия поддержки в 9.5 */ 
