CSS-хаки для браузера Opera
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) { .style {background: #F00;} }
*|html[xmlns*=""] .style {
background: #F00; }
html:first-child .style {
background: #F00; } /* код валидный */ /* только для Opera < 9.5 */
CSS-хак для браузера FireFox
@-moz-document url-prefix() {
.style {background: #F00;} }
CSS-хаки для браузера Internet Explorer 6
.style {
_background: #F00; } /* код валидный */
Несмотря на то, что CSS-валидатор принимает хак с подчеркиванием за ошибку, спецификация CSS 2.1 позволяет использовать данную конструкцию.
* html .style {
background: #F00; } /* код валидный */
CSS-хаки для браузера Internet Explorer 7
*+html .style {
background: #F00; } /* код валидный */
*:first-child+html .style {
background: #F00; } /* код валидный */
html>body .style {
*background: #F00; }
CSS-хак для браузера Internet Explorer 8
@media \0screen {
.style {background: #F00;} }
CSS-хак для браузера Internet Explorer 9
:root .style {
background: #F00\9; }
К сожалению, IE10 тоже понимает данный хак.
CSS-хак для браузера Internet Explorer 10
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.style {background: #F00;} }
CSS-хаки для браузера Safari
body:last-child:not(:root:root) .style {
background: #F00; } /* для Safari < 4.0 */
html[xmlns*=""] body:last-child .style {
background: #F00; } /* для Safari < 4.0 */
CSS-хаки для браузера Google Chrome
Пока все ок.
По мере посещения различных зарубежный интернет-ресурсов по веб-разработке, обнаруживаю для себя все новые и новые CSS-хаки, которые можно применить персонально для одного из популярных сегодня браузеров: Opera, FireFox, Internet Explorer, Safari, Google Chrome.
По мере обнаружения новых хаков, данный список буду дополнять.