CSS在IE6下png图片的透明问题解决

现在解决IE6下png图片的透明问题。

首先，说明下,IE6不是不支持png透明，IE6可以支持8位的png透明图片，只是不支持24位的png透明。

如果一般是小图片的话，存储成8位的png图片就可以用。具体步骤如下：

图片切好后，记得一定要背景透明，然后“文件”、“存储为web所用格式”，然后在右边的下拉框中选择“png-8位”，然后一步步确定就可以了。

小图片也可以用gif图片，不过有些图片会产生锯齿。具体用哪个要看情况而定！

下面步入正题：

1.png图片的透明。

这种图片是以img的形式插入到网页中的。要解决这类图片的透明问题，只需要给这个图片一个class=“png”类，具体应用如下：

html代码：

<img src="" class="png" />

css代码如下：

img.png {background-image: expression(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "images/1.gif")}

注意这里的1.gif图片是一个新的引入的图片。放入到相应的文件夹里即可。文章的下面的压缩包就是1.gif的图片。

2.png背景图片的透明

这类图片的应用格式如下：

html代码：

要给.content这个div一个透明png的背景：

<div class="content"></div>

css样式如下：

background:url(images/touming.png);_background-image:url(it.hilo8.com);background: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/touming.png',sizingMethod='scale');

 上面这段代码中蓝色的代码是可以改变的，但是相关的属性千万不能删，比方说，你可以去掉it.hilo8.com，但是绝对不能把_background-image：给去掉。

这里说明下，用png背景图片，不可以进行相关的定位，只能是默认的：background：url（） left top；

还有一个重要的问题，用了这段样式，很可能.content里面的超链接等内容不可以点击，解决这个问题，你可以在div.content里面在套一个div，比方这个div的样式名字为：div.con,然后给.con一个样式：

div.con {position:relative}就可以解决所有的问题了。