虽说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出问题了呢
2000元阿里云代金券免费领取,2核4G云服务器仅664元/3年,新老用户都有优惠,立即抢购>>>
######
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。