IE6~8
IE条件注释
ul li高度在ie6、ie7、ie8、FF下兼容问题解决
在页面中有时候使用ul li列表时ie6、ie7、ie8、FF的高度会不一样(其中ie6与ie7高度一样，ie8与FF高度一样)，设置高后使用 overflow:hidden;也无济于事，在li样式上加上vertical-align:bottom便解决了。
ul的padding-top会影响到浮动li的第二行。
IE6和IE7不会合并上下边距，而火狐如果添加border也不会合并？
IE6
span 样式失效
a标签里包含了一个span，我们可能希望当鼠标移到a上时，span的样式发生变化，但是在ie6下发现无效
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<style type="text/css">
a:hover span{font-weight:bold;color:#F00}
</style>
</head>
<body>
<a href="#">鼠标移过来看看这个网址是否变颜色：<span>www.jb51.net</span></a>
</body>
</html>
解决方法：（定义a:hover的样式，如font-size:12px，或者zoom:1等）
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<style type="text/css">
a:hover{font-size:12px}
a:hover span{font-weight:bold;color:#F00}
</style>
</head>
<body>
<a href="#">鼠标移过来看看这个网址是否变颜色：<span>www.jb51.net</span></a>
</body>
</html>
IE7
IE7如果不清楚浮动，可能导致下边距变大。
您的赞助将会支持作者创作及本站运维
发表评论