]]>
]]>
Рейтинг@Mail.ru

CSS хаки для браузеров

Материал из Веб программирование.

Перейти к: навигация, поиск

Не раз мы сталкивались при верстке и написания кода проблемы кроссбраузерности, когда не можем уж совсем обойти проблемы кроссбраузерности, к нам приходят на помощь CSS хаки. Да, это неправильно скорей всего с точки зрения стандартов, но таким способом нам кажется гораздо проще наша жизнь.


Содержание

CSS хаки для браузера Opera

@media all and (min-width: 0) {
    .style { background: #FF0; }
}
html:first-child .style {
  background: #FF0;
}

CSS хаки для браузера FireFox

html:root .style {
  background: #FA0;
}
/* хак понимает Safari, Google Chrome*/
.style, x:-moz-any-link {
  background: #FA0;
}

CSS хак для браузера Internet Explorer 6.0 и ниже

* html .style {
  background: #03F;
}
.style {
  _background: #03F;
}

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

*:first-child+html .style {
  background: #F00;
}
*+html .style {
  background: #F00;
}

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

.style {
  //background: #F00;
}
.style {
  #background: #F00;
}

CSS Хаки только для браузера Internet Explorer 7, 8.beta 1

* + html .ie7 {
  color:green;
}
*:first-child+html .ie7a {
  color:#0000CC;
}

CSS Хак для современных браузеров (не включая Internet Explorer 7)

html>/**/body #id { 
  background: #F00;
}

CSS Хак только для браузера Internet Explorer 8

#id { 
  background:/*\**/#F00\9;
}

См. также

]]>
Google+
]]>
Личные инструменты
Хочешь еще цитату? Программисту прийти заспанным - это как грузчику прийти пьяным. И то и другое - обычное дело, но работе от этого лучше не становится. из блога
веб-программирование
Просмотры
чтим

Deprecated: Function set_magic_quotes_runtime() is deprecated in /var/www/webproger/data/www/webproger.ru/1c6a72389c0fd92079ac7ae7cd356173/sape.php on line 218 Deprecated: Function set_magic_quotes_runtime() is deprecated in /var/www/webproger/data/www/webproger.ru/1c6a72389c0fd92079ac7ae7cd356173/sape.php on line 224

]]>
Rambler's Top100
]]>
]]>
]]>