在ie6下的png图片的兼容问题

png图片在ie6下是这样的:

在ie6下的png图片的兼容问题

正确样式:

在ie6下的png图片的兼容问题

这样解决:

html代码:

1 <body>
2   <div class="gys"></div>
3 </body>

css代码:

1     <style type="text/css">
2     .gys{height:16px; width:16px;/*图片尺寸*/
3            background:url(images/closehover.png) no-repeat; 
4            _background:none;/*在ie6的情况下 去除掉背景*/
5  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/closehover.png");}/*在ie6的情况下使用滤镜*/
6     </style>

问题解决了哈哈哈哈哈哈哈

用js控制的情况,只要把样式中的下划线去掉就可以了:

1 $(".gys").css({"background":"url(images/closehover.png)","background":"none",
2 "filter":"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/closehover.png')"});