IE常见的CSS的BUG(二)
之前介绍过IE浏览器的几种BUG解决的方法,今天我们继续研究IE的BUG。尽管IE6即将被淘汰,但是了解这些也对将来解决问题也是有一定帮助的。好了,闲话不多说,咱们继续看IE的BUG。
1、IE6下PNG图片透明Bug
Png在IE6下显示有问题,这大家都知道。有的时候IE6下,用png的图片用JQ也会出现问题,解决办法只能换成gif的。还有一个问题,使用png24或png32图片,质量是没有问题了,可引发另一个头痛的问题,就是IE6下面显示图片会有一层淡兰色的背景。
解决办法:1)用滤镜解决,但是问题是使用了滤镜,链接将会失效。
CSS代码:
<div class="box"><div class="left"></div><!--IE6下文字溢出bug--><div class="right">↓这是多出来的一只猪</div></div><!--不要再两个浮动元素加注释-->
1)把注释文字在其他地方添加即可
2)在浮动元素父级元素中添加固定高度,和overflow:hidden;