IE6的3像素BUG产生条件及解决方法
2014-11-25 10:24
246 查看
1.IE6中第一个元素浮动第二个元素不浮动,这两个元素之间就会产生3像素BUG
2.解决方案:
2.1若若宽度一定则给第二个元素添加 float 样式即可;
2.2若宽度自适应:
2.2.1 _margin-right:-3px; // IE6及更低版本均可解析下划线hack
2.2.2 * HTML作为一种hack来解决浏览器之间的不兼容
3.拓展:浏览器之间兼容
3.1
div{
padding-left:300px;
padding-left:250px\9; //IE浏览器
* padding-left:100px; //IE6、7
-padding-left:150px; // IE6
}
3.2
#content{
height:200px !important; //IE7、8、9、Firefox
height:100px; // IE6
}
注:IE6对!important识别,但又无视它的存在
IE7、8、9、Firefox识别第二行,但第一行有!important 拥有绝对优先级
相关文章推荐
- IE6的3像素BUG产生条件及解决方法
- IE6下li会继承ul属性的bug、产生条件、解决办法
- AX中动态产生方法并且调用,解决根据不同条件产生不同SQL逻辑的问题很方便
- [转贴]IE6出现BUG的十种常见解决方法
- IE6下的text-indent属性BUG解决方法
- IE6下的text-indent属性BUG解决方法
- ie6div高度无法小于10像素解决方法
- IE6背景图片缓存bug解决方法
- IE6出现重复字符的bug解决方法
- IE6下position:absolute定位错误的bug和解决方法
- IE6 IE7 IE8 css bug兼容性解决方法总结归纳
- IE6 select z-index无效,遮挡div bug的解决方法
- IE6中用了float:left之后导致margin-left双倍边距的BUG解决方法
- IE6中用了float:left之后导致margin-left双倍边距的BUG解决方法
- 解决IE6 3像素Bug的css写法
- IE6图片加载的一个BUG解决方法
- 防止IE6出现BUG的十种常见解决方法
- 防止IE6出现BUG的十种常见解决方法
- IE6中用了float:left之后导致margin-left双倍边距的BUG解决方法
- IE6 重复字符的bug及解决方法