CSS Hack for Internet Explorer № 9

Trifler Blog

CSS Hack for Internet Explorer № 9

Найденный в свое время автором персональный css hack для IE8, хорошо зарекомендовавший себя на практике, таковым не является, он распространяет свое действие и на следующий в линейке браузеров от Microsoft - IE9, что конечно же добавляет головной боли...

Рано или позно критическая масса отрицательных последствий начинает зашкаливать и ничего не остается, как начать поиск индивидуального стилевого правила, которое смогло бы перебить хак для IE8, оставив его работоспособным.

C учетом того, что автор не является стронником условных комментариев, которые к тому же уже не работают в старших версиях IE и предпочитает редактировать только один, пусть и большой файл стилей, hack для IE9 должен быть легко запоминающимся, минимального размера по количеству символов в него входящих.

Тест-страница может выглядеть приблизительно так:

p {color:#000;margin:0 15px;padding:10px 0;}
/* Style IE */
/* Hack CSS IE6 */
*html .csshackie6 {color:#0cc;}
/* Hack CSS IE7 */
*+html .csshackie8 {color:#080;}
/* Hack CSS IE8 */
.csshackie8 {color:#00f\0/;}
/* Hack CSS IE9 */
.csshackie9 {color:#f00\9\0\;}

<p class="csshackie6">IE6 *html .csshackie6 {color:#0cc;}</p>
<p class="csshackie7">IE7 *+html .csshackie7 {color:#080;}</p>
<p class="csshackie8">IE8 .csshackie8 {color:#00f\0/;}</p>
<p class="csshackie9">IE9 .csshackie9 {color:#f00\9\0\;}</p>

На скриншоте снятом в IE9 будет так:

hackcssie9

Последние две строки показывают, что предлагаемый css hack для IE9 работоспособен и перебивает стили предназначенные для IE8.

Судя по их названию, этому тексту релевантны статьи:

  1. [?] Hack CSS for IE8
  2. [?] Упрощенный CSS hack для OPERA 10.6
  3. [?] CSS Hack от Trifler Blog
Комментарии к этой заметке больше не принимаются.


Топ 10 - на эти заметки чаще всего ссылаются:

декабрь 2012
пн вт ср чт пт сб вс
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
free  counters