ie6兼容性问题IE常见bug

作者:滴水穿石 | 创建时间: 2023-05-13
网页前端制作主要调节ie6bug,个人可以看一下...
ie6兼容性问题IE常见bug

操作方法

给一个元素设定了浮动属性,最好给他设定宽高的 值,否则有可能发生浮动错位。

ie6块级元素高度小于19px的时候需要写font-size=1px等解决,ie6不支持块级元素高度太小,会默认调大。

ie6块级元素里边很多a链接 ,如果出现莫名其妙的多了几个文字,而且文字还选不中,只要给a链接加相对定位一般就解决了

有的img这个标签在ie下需要应用display=block;这个属性

轮播图ie6  里边a里边img的的宽度的和和总宽度相同,ie会把最后一张图放到第二行, 解决办法把总宽度设大一点;

双左边剧:用padding或者相对定位解决或者display:inline解决

ie6内部盒模型超出父级时,父级被撑大 解决方法:父标签使用overflow:hidden 或者父级相对定位,子级绝对定位

ie6li之间会有间距 解决方法:float: left;

ie6img于块元素中,底边多出空白 解决方法:父级设置overflow: hidden; 或 img { display: block; } 或 _margin: -5px;

在IE6中,一些隐藏的元素(如注释、display:none;的元素)被包含在一个浮动元素里,就有可能引发文本重复bug。解决办法:给浮动元素添加display:inline;。

IE下z-index的bug 在IE浏览器中,定位元素的z-index层级是相对于各自的父级容器,所以会导致z-index出现错误的表现。解决方法是给其父级元素定义  父级还得有定位属性z-index,有些情况下还需要定义

方法/步骤2

确信你的页面在火狐下没问题的话,在ie6下一定可以调成功,前几个页面调好的话以后就都不是问题了,最好把京东这样的页面调兼容性,这样可以快速增长自己的能力。

点击展开全文

更多推荐