一:png图片兼容问题:
为了支持IE6项目中的png图片一般采用png-8格式,但是有时候会有锯齿等问题,在要求比较高的场合无法避免使用.
其实解决起来很简单,只需要png背景的元素css中添加微软特有的滤镜就可以了。例如
_background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’图片路径’);
需要注意:此图片路径若为相对路径,则是html文件的相对路径,而不是css文件的相对路径。
滤镜资源消耗大,较多图片时会使页面无法使用,最好不要大量使用。
png-8能满足大部分需要,还比较小,所以尽量使用png-8。
二:float之后margin会产生两倍的边距
使用display:inline解决
三:用单个div加入img标签作为与底部的背景图,会与下边的div之间有一个1px的间隙,是因为ie6中div默认会有一个字体大小的空间,设置div的样式为:font-size:0,就会立即解决。
IE6兼容适配问题
最新推荐文章于 2022-01-21 11:05:58 发布