CSS hack 如何区分所有IE浏览器和非IE浏览器

网上方法很多，例如，测试后得出以下结论，多余的话不说了，直入主题：

1.所有的推理IE浏览器

正解：此写法仅仅被lE浏览器识别，非IE浏览器不识别。

<!--[if IE]>
<style type="text/css">

……/*详细的样式*/
</style>
<![endif]-->

误解：下面写法IE和非IE浏览器都能识别

<!–[if IE]>
<style type="text/css">

……/*详细的样式*/
</style>
<![endif]–>

2.推断非IE浏览器

误解1：此种写法。IE和非IE都不识别

 <!--[if !IE]>
<style type="text/css">
……/*详细的样式*/

</style>
 <!--<![endif]-->

误解2：下面写法IE和非IE浏览器都能识别

<!–[if !IE]><!–>
<style type="text/css">
……/*详细的样式*/

</style>

<!–<![endif]–>

终于解决方式：

先写一个全部浏览器都识别的样式，然后再在其以下写一个仅仅有IE浏览器能识别的同名样式，这样就能区分出IE和非IE下的效果了。

本人用于解决IE浏览器和非IE浏览器的边框差异问题，样式处理方式例如以下：

<!–[if !IE]><!–>
<style type="text/css">
.divbody{
 margin-top:4px;
}
</style>
<!–<![endif]–>

<!--[if IE]>
<style type="text/css">
.divbody{
 margin-top:0px;
}
</style>
<![endif]-->

眼下没有找到仅它只能是不IE浏览器识别的措辞，小伙伴有一个好办法。王先生告诉，升值！

版权声明：本文博主原创文章，博客，未经同意不得转载。