IE6下PNG图背景透明解决办法（IE6解决PNG透明）

IE6下PNG背景透明或者图片透明一直让人很伤脑筋，以前的解决办法也不尽完好。

最近在项目中，发现了一种几乎完美的解决办法。用JS在IE6下面实现png图和背景PNG透明。

不敢独享，写下这篇文章，也好为自己以后查阅，利人利己啊。

并且，可以解决a:hover 背景png的问题。下面开始，三步即可搞定IE6下PNG透明问题。

第一步：下载JS文件DD_belatedPNG_0.0.8a.js

下载地址：dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a.js

第二步：引用JS文件

<!--[if IE 6]>

<script src="DD_belatedPNG_0.0.8a.js" mce_src="DD_belatedPNG_0.0.8a.js"></script>
<script type="text/javascript">
   /* EXAMPLE */
   DD_belatedPNG.fix('.enter,.enter a,.enter a:hover');

   /* string argument can be any CSS selector */
   /* .png_bg example is unnecessary */
   /* change it to what suits you! */
</script>

<![endif]-->

PS:灰色文字部分【'.enter,.enter a,.enter a:hover'】，为div选择器的名称，大家看后面的html代码即可明白

第三步： 网页body部分

<style type="text/css">

.enter { width:193px; height:43px; position:absolute; bottom:15px; left:60%; z-index:100; color:#FFF}

.enter a{ width:193px; height:43px; display:block; background:url(enter.png) no-repeat;}

.enter a:hover{width:193px; height:43px; display:block; background:url(enter.png) 0px -43px;}

</style>

<div class="enter"><a href="index.php"></a></div>

好了，大家预览一下效果吧。

至此，IE6下png图片透明和IE6下面png背景图片就完美显示了。

 

 

偷懒的处理办法

<!--[if IE 6]>
<script src="DD_belatedPNG_0.0.8a.js" mce_src="DD_belatedPNG_0.0.8a.js"></script>
<script type="text/javascript">DD_belatedPNG.fix('*');</script>
<![endif]-->