【CSS】PNG在IE6變透明的方法

雖然目前IE6人數使用上比例減少，為了顧及少數族群及追求完美，針對PNG在IE6上底色無法變透明之問題，網路上解決方式很多種，本篇只介紹其中一種（PNG為底圖）。

語法︰

background-image: none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='xxxx.png', sizingMethod='crop');

※sizingMethod參數

scale值的意思是依你設div寬高大小，讓底圖延展隨寬高範圍延展。

image值的意思是照圖片原本尺寸顯示，無論你div值設大設小，都依圖片大小顯示。

crop是不管你圖大圖小，都僅在div框架範圍裡，有多少就露多少，不比例縮放。

範例參考：

#fixed-ad{   /*標準版本*/

  background-image:url(/img/back1.png);

  width:50px;

  height:50px;

  position:fixed;

}

*html #fixed-ad{  /* for IE 6.0以前版本 （*html->IE6） */

  background-image: none;

  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/back1.png', sizingMethod='crop');

  width:50px;

  height:50px;

  position:fixed;  

}