-
昨天再给XX写首页的时候，浮动导航在IE6下出现了3像素的间隙，没有办法，只有写hack去解决。
写完后才想起这样直接写在css里是不能通过W3C校验的，所以采用了浏览器识别的方法把针对IE的hack写在单独的css里。
<!--[if IE 6]> <link rel="stylesheet" type="text/css" href="common/ie6.css" /> <![endif]--> <!--[if IE 7]> <link rel="stylesheet" type="text/css" href="common/ie7.css" /> <![endif]-->
如上所示就OK，这样就可以不用写一大串乱七八糟的符号也可以对IE兼容
另外，针对ie6 3px bug,大多数人遇到都用margin-right:-3px去解决，不过在这里还是推荐用float:left;的方法。
我是例子：
<div class="nav_left fl"></div> <!-- 左边漂浮 --> <div class="nav_bg"></div> <!-- 增加一个 float:left 的属性给ie6看 --> <div class="nav_right fr"></div> <!-- 右边漂浮 -->
解决。
共1页 1
