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

png图片在ie6下是这样的:

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

正确样式:

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

这样解决:

html代码:

 <body>

   <div class="gys"></div>

 </body>

css代码:

     <style type="text/css">

     .gys{height:16px; width:16px;/*图片尺寸*/

            background:url(images/closehover.png) no-repeat;

            _background:none;/*在ie6的情况下 去除掉背景*/

  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="data:images/closehover.png");}/*在ie6的情况下使用滤镜*/

     </style>

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

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

 $(".gys").css({"background":"url(images/closehover.png)","background":"none",

 "filter":"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/closehover.png')"});