全球旧事资料 分类
,当外层元素内有float元素时,外层元素如定义margi
top14px,将自动生成margi
bottom14px。paddi
g也会出现类似问题,都是ie6下的特产,该类bug出现的情况较为复杂,远不只这一种出现条件,还没系统整理。解决方案:外层元素设定border或设定float。7吞吃现象,限于篇幅,我就不展开了。还是ie6,上下两个div,上面的div设置背景,却发现下面没有设置背景的div也有了背景,这就是吞吃现象。对应上面的背景吞吃现象,还有滚动下边框缺失的现象。解决方案:使用zoom1。这个zoom好象是专门为解决ie6bug而生的。8注释也能产生bug“多出来的一只猪。”这是前人总结这个bug使用的文案,ie6的这个bug下,大家会在页面看到猪字出现两遍,重复的内容量因注释的多少而变。解决方案:用“ifIEpicRotatestarte
dif”方法写注释。9li里加floatdiv,这是一个典型的,棘手的兼容问题,希望引起大家正视,给li不同的属性
f会有不同的解释效果,ff下的解释稍可理解,ie6下的解释会让你摸不着头脑,由于问题的复杂性,将另起一文专门讨论该问题。在《ul使用心得》一文里有相关成果,却没给出问题解决的过程。10img下的留白。解决方案:给img设定displayblock。11失去li
eheight。divstyle”li
eheight20px”img文字div,很遗憾,在ie6下单行文字li
eheight效果消失了。。。,原因是img这个i
li
eblock元素和i
li
e元素写在一起了。解决方案:让img和文字都float起来。12链接的hover状态。ahoverimgwidth300px我们想让鼠标hover时,链接里包含的图片宽度变化,可惜在ie6下无效,ie7、ff下有效。13非链接的hover状态。divhover这样的样式ie6是不认的,在ie7、ff下才有效果。14ie下overflowhidde
对其下的绝对层positio
absolute或者相对层positio
relative无效。解决方案:给overflowhidde
加positio
relative或者positio
absolute。另,ie6支持overflowx或者overflowy的特性,ie7、ff不支持。15ie6下严重的bug,float元素如没定义宽度,内部如有div定义了height或zoom1,这个div就会占满一整行,即使你给了宽度。float元素如果作为布局用或复杂的容器,都要给个宽度的。16ie6下的bug,绝对定位的div下包含相对定位的div,如果给内层相对定位的div高度height具体值,内层相对层将具有100的width值,外层绝对层将被撑大。解决方案给内层相对层float属性。17ie6下的bug,headhead内有basetarget”_bla
k”的情况下,positio
relative层下的float层内文字无法选中。18终于来了个ff的缺点。widthr
好听全球资料 返回顶部