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的品質要差，不過一般的應用應該是夠用了