现在的位置: 首页 > 综合 > 正文

IE6 透明图片 DIV + CSS

2012年07月23日 ⁄ 综合 ⁄ 共 1351字 ⁄ 字号 评论关闭
用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的质量要差,不过一般的应用应该是够用了

抱歉!评论已关闭.