<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<голова>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Хак CSS, который отличает IE6, IE7, IE8 и FireFox</title>
<style type="text/css">
<!--
#тест,#нота{
маржа: 0 авто;
выравнивание текста: по центру;
}
.note{ text-align: left; text-indent: 40px;}
#тест {
ширина: 200 пикселей;
высота: 30 пикселей;
граница: 1 пиксель, сплошной #000000;
цвет: #fff;
высота строки: 30 пикселей;
}
.цвет{
background-color: #CC00FF /*Все браузеры будут отображаться фиолетовым цветом*/;
background-color: #FF00009; /*IE6, IE7 и IE8 будут отображаться красным*/
*background-color: #0066FF; /*IE6 и IE7 станут синими*/;
_background-color: #009933; *IE6 станет зеленым*/
}
-->
</стиль>
</head>
<тело>
<div id="test" class="color">Тестовый блок zss</div>
<div id="примечание">
<strong style="color:#009933">IE6 становится зеленым</strong>
<strong style="color:#0066FF">IE7 становится синим</strong>
<strong style="color:#FF0000">IE8 становится красным</strong>
<strong style="color:#CC00FF">FireFox наконец-то станет фиолетовым</strong>
<div класс="примечание">
Сегодня я увидел в hiccblogs статью о совместимости с IE8. К сожалению, он совместим только с IE и основан на ядре IE7, которое имеет большие ограничения. Я думаю, что я достаточно хорошо разбираюсь в совместимости CSS. Поскольку IE8 выпущен, давайте изучим совместимость IE8.
</div>
<div class="note">Совместимость CSS всегда была головной болью для всех. IE6, IE7 и FF уже беспокоили всех. В предыдущих статьях было представлено много знаний в этой области. С момента выхода официальной версии IE8 я пытался найти способ отличить ее от официальной версии IE8. Поиск в Baidu дал много результатов, а поиск в Google — еще больше. Существует большая разница между официальной версией и бета-версией IE8 в плане хаков. Более того, почти все методы в Интернете перепечатаны друг у друга. Чаще всего встречается картинка взлома с linxz.cn. К сожалению, метод на этом рисунке недействителен для официальной версии IE8.
После анализа и подведения итогов у нас есть следующие эффективные решения. Возможно, в будущем появятся более эффективные и простые хаки, но на данный момент этот метод может решить насущную потребность.<br />
</div>
<div класс="примечание">
<ул>
<li style="list-style:none;"><strong style="color:#009933">Простой пример:</strong></li>
<li>"9" Пример: "margin:0px auto9;".</li>
<li>Здесь "9" позволяет различать все IE и FireFox.</li>
<li>"*" IE6 и IE7 могут распознать его, а IE8 — нет.</li>
<li>"_" IE6 может распознавать "_", но IE7, IE8 и FireFox не могут</li>
</ul>
</div>
</div>
</тело>
</html>