IE6 透明图片 DIV + CSS
用DIV撑图片的时候,在IE7下面发现好好的
在IE6下面居然不行~~~
后来发现,原因有2
1. IE6对PNG格式支持的不好
2. 可以用CSS Microsoft的filter滤镜来解决
但最简单的办法就是将png格式换成gif格式
注意不要被文件名骗了啊~~
我就是被骗了,害我找了好久~~
gif要是真正的gif格式才可以
第一个是把div放在table的td里,td的bgcolor="#6d51a5",png图片放在div里,滤镜起到作用,显示正常,看来这个透明png可以的;
<table align="center" border="0" cellSpacing="0" cellPadding="0" ID="Table2">
<tr>
<td width="400" bgcolor="#6d51a5">
<div id="pngDiv" style="width:500;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/FlowER_Logo_png.png',sizingMethod='image')><img src="image/FlowER_Logo_png.png" width="133" height="31"></div>
</td>
</tr>
</table>
第二个是把table放在div里,滤镜会把这个div里的颜色都滤掉,所以PNG图片的背景色没有;
<div style="width:500;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/FlowER_Logo_png.png',sizingMethod='image')>
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#6d51a5">
<tr>
<td width="400" bgcolor="#6d51a5"><img src="image/FlowER_Logo_png.png" width="133" height="31"></td>
</tr>
</table>
</div>
第三个div里是gif图片,有锯齿~~
<div >
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#6d51a5" ID="Table1">
<tr>
<td width="400" bgcolor="#6d51a5"><img src="image/FlowER_Logo_gif.gif" width="133" height="31"></td>
</tr>
</table>
</div>
以上这些内容,有的经实践,好用是好用,只是偶尔不好用,奇怪的很
经过美工才知道,原来gif的质量比png的质量要差,不过一般的应用应该是够用了
在IE6下面居然不行~~~
后来发现,原因有2
1. IE6对PNG格式支持的不好
2. 可以用CSS Microsoft的filter滤镜来解决
但最简单的办法就是将png格式换成gif格式
注意不要被文件名骗了啊~~
我就是被骗了,害我找了好久~~
gif要是真正的gif格式才可以
第一个是把div放在table的td里,td的bgcolor="#6d51a5",png图片放在div里,滤镜起到作用,显示正常,看来这个透明png可以的;
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
第二个是把table放在div里,滤镜会把这个div里的颜色都滤掉,所以PNG图片的背景色没有;
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
第三个div里是gif图片,有锯齿~~
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
以上这些内容,有的经实践,好用是好用,只是偶尔不好用,奇怪的很
经过美工才知道,原来gif的质量比png的质量要差,不过一般的应用应该是够用了
forward.molly.宝儿 独自行走