利用IE的滤镜解决IE6下PNG图片透明BUG

PNG图片透明解决 完美兼容IE6 IE7 Firefox   利用IE的滤镜解决IE6下PNG图片透明BUG，相比较比用JS的方法实现更加方便。不过也有个小问题，就是不能直接在定义的这个层上使用link和button，会出现无焦点的问题，应该是一个BUG。不过通过叠加层很容易解决，目前在一个项目中用这个方法，完美的解决了透明层的效果。 .idOrClassName{ height:500px; width:100%; background:url(imgADD.png) no-repeat left bottom; } /// ie6 * html .idOrClassName{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgADD.png', sizingMethod='crop'); } /// ie7 *+html .idOrClassName{ background:url(imgADD.png) no-repeat left bottom!important; }           另外一种     html>body #logo{ width:100px; height:90px; float:left; background:url(images/logo.png) no-repeat ; }     * html #logo { width:100px; height:90px; float:left; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/logo.png"); background:none; }

标签:IE相关IE6滤镜PNG图片透明