ie6中png图片背景透明问题
1、用GIF图片代替PNG图片
若图片色彩不多,没有羽化部分可以使用。
2、如果希望使用png格式图片作为DOM元素的背景,那么就可以使用滤镜来加载png图片
.png{
background: url(/angel.png) no-repeat !important;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/angel.png");
background:none;
width:100px;
height:100px;
}
HTML代码:
<div class="png">
背景PNG透明
</div>
值得注意的是:
1、url和src引用图片的路径写法不一样!
2、用png背景图片,不可以进行相关的定位,只能是默认的:background:url() left top;
3、用了这段样式,很可能.content里面的超链接等内容不可以点击,解决这个问题,你可以在div.content里面在套一个div,比方这个div的样式名字为:div.con,然后给.con一个样式:
div.con {position:relative}就可以解决所有的问题了。