针对ie8的hack

亮术网 2013-03-21 本网原创

  ie8比ie7、ie6进一步向W3C标准靠近了,这无疑对web前端设计者来说是一个让人兴奋的消息。虽然如此,但ie7、ie6仍然还有一定数量的用户在使用,所以在写css的时候还得照顾它们,只能希望它们快点退出历史舞台了,尤其是ie6离W3C太远,让人很难应付。

  简单的说针对ie8的hack就是两个字符\9,以下具体说明:

   "_" 只有ie6可以识别,ie7、ie8、FireFox不能。

   "*" ie6、ie7都可以识别,ie8、FireFox不能。

  "\9" 只有ie8可以识别,ie6、ie7、FireFox不能。

  举例如下:

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>针对ie8的hack</title>
<style type="text/css">
<!--
    .test{
         width:200px;  //FireFox及其它浏览器
         width:280px\9; //ie8
         *width:250px;  //ie7
         _width:180px;  //ie6
         height:150px;
         border:1px solid red;
    }
-->
</Style>
</head>
<body>
    <div class="test">针对ie8的hack</div>
</body>
</html>

  把此代码保存为html文件,在不同的浏览器中浏览,就会发现所显示的红色框的宽度不一样。 

本文浓缩标签:ie8hack