Поиск 

Персональные CSS-хаки для Internet Explorer, Opera, FireFox, Safari, Google Chrome

Четверг, Декабрь 24, 2009 г.
Я не сторонник условных комментариев в CSS (можно ругать меня за это), взамен предпочитаю использовать различные CSS-хаки, дабы при верстке решить проблему кроссбраузерности по ходу написания кода, без лишний “телодвижений”. Да, это неправильно с точки зрения стандартов и некрасиво, но таким способом для меня гораздо проще верстать.

По мере посещения различных зарубежный интернет-ресурсов по веб-разработке, обнаруживаю для себя все новые и новые CSS-хаки, которые можно применить персонально для одного из популярных сегодня браузеров: Opera, FireFox, Internet Explorer, Safari, Google Chrome.

По мере обнаружения новых хаков, данный список будет дополняться.

Указанные ниже хаки актуальны на 10 октября 2009 года.

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.0 и ниже

.style {
 _background: #F00;
}
/* код валидный */

Несмотря на то, что CSS-валидатор принимает хак с подчеркиванием за ошибку, спецификация CSS 2.1 позволяет использовать данную конструкцию.

* html .style {
 background: #F00;
}
/* код валидный */

CSS-хаки для браузера Internet Explorer 7.0

*+html .style {
 background: #F00;
}
/* код валидный */

html>body .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

Пока не найдены.
Взято с www.dimox.name
Теги: CSS | FireFox | Google Chrome | Internet Explorer | Opera | Safari | Валидация | Хаки Автор: Kent | Просмотров: 2570 | Нет комментариев | print |

Похожие статьи

все похожие статьи 
Категории
ТОП 10 - Авторы
  1     Луна   1961     2.97   
  2     pobeda   487     2.97   
  3     Tais   444     3.12   
  4     Foma   139     2.92   
  5     Lubov   52     2.9   
  6     Angel   45     2.92   
  7     Dolores   45     2.77   
  8     Paradiz   31     2.84   
  9     Xenta   29     2.81   
  10     Pryanik   26     2.78   
все авторы 
Последние статьи

Весняний дощ

Воскресенье, Май 21, 2017 г.
|
pobeda | 428 |

Вода и жизнь

Воскресенье, Май 21, 2017 г.
|
Луна | 410 |

Торт "Пьяная вишня"

Вторник, Май 09, 2017 г.
|
Луна | 476 |

Голубцы с грибами

Четверг, Апрель 20, 2017 г.
|
Луна | 459 |

Медицинское освидетельствование

Понедельник, Март 20, 2017 г.
|
Луна | 687 |
Популярные статьи

Розов В.С.

Вторник, Январь 11, 2011 г.
|
Луна | 1077 |

Мустафа Кемаль Ататюрк

Понедельник, Сентябрь 06, 2010 г.
|
Луна | 5011 |
|
Луна | 2501 |

Елизавета Кингстон

Вторник, Август 10, 2010 г.
|
Луна | 1210 |

Реклама

веб сайт, разработка сайтов, css, html, php, mySQL, админка, создание сайта, хостинг, доменное имя, сайт визитка, сайт каталог, информационный сайт, корпоративный сайт, интернет магазин, портал, поддержка сайтов

Облако тегов