CSS-хаки для разных браузеров
В процессе создания сайтов зачастую мы сталкиваемся с проблемами кроссбраузерности. Нижеприведенные хаки помогут вам добиться максимальной кроссбраузерности в популярных программах просмотра веб-страниц.
Используя данные хаки вы экономите время разработки проекта и лишаетесь головной боли.
Хак для Опера
1 | @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { .class {background: #F00;} } |
1 | html:first-child .class { background: #F00; } /* код валидный */ |
Хаки для IE 6
1 | .class { _background: #F00; } |
1 | * html .class { background: #F00; } /* код валидный */ |
Хаки для IE 7
1 | *+html .class { background: #F00; } /* код валидный */ |
1 | html>body .class { *background: #F00; } |
Хаки для Firefox
1 | @-moz-document url-prefix() { .class {background: #F00;} } |
1 |
Хаки для Safari и Google Chrom
1 | body:last-child:not(:root:root) .class { background: #F00; } |
По материалам http://bitby.net
- Грамотная раскрутка сайта от киевских профессионалов
- Большие скидки на путешествия. Спешите! Число туров ограничено
- Стильные короткие прически были модными во все времена
Понравилась заметка? Поделись!
