虽说IE6各种诡异各种让人不爽,但面对那些坚持使用IE6的顽固分子,问题还得解决。
收集了几个经常会碰到的IE6下特别诡异的现象及解决办法,欢迎大家补充!
1. z-index无效
设置其父的z-index
2、 文字神秘消失
容器指定高度1%
3、 绝对定位(position:absolute)元素消失
加入一个清浮动的div
4、 重复文字bug
margin-right:-3px;
5、 3像素间距bug
浮动层设置margin-right:-3px;
6、 双边距问题
设置display:inline;
7、 img下的留白
图片设置样式display: block;
8、hidden失效 给上层div加position: relative;
无力吐槽。。######<html><head>
<style type="text/css">
#a {
margin:0 10px 10px;
}
#b {
width:100%;
}
</style>
<title>IE Crasher</title>
</head>
<body>
<table><tr><td>
<div id="a">
<form id="b">
<input type="text" name="test"/>
</div>
</td><td width="1"></td></tr></table>
</body></html>###### 这段代码用ie打开会木有响应。 ######少了</form>############LS亮了!######LS的这货想干嘛?我还以为OSC出问题了呢
######
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。