解決PNG圖片在IE6下的透明這類問題谷歌上很多解決方案，屬于非常常見的問題，以前我做的時(shí)候，這類透明我都是用gif，而直接避開png，所以到現(xiàn)在我并沒有去了解過這個(gè)問題。今天就把這個(gè)問題整理下，解決方案匯總給大家。

 

FF和IE7已經(jīng)直接支持透明的png圖了,下面這個(gè)主要是解決IE6下透明PNG圖片有灰底的

 

 

語法：
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )

enabled : 可選項(xiàng)。布爾值(Boolean)。設(shè)置或檢索濾鏡是否激活。true | false true : 默認(rèn)值。濾鏡激活。
false : 濾鏡被禁止。

sizingMethod : 可選項(xiàng)。字符串(String)。設(shè)置或檢索濾鏡作用的對象的圖片在對象容器邊界內(nèi)的顯示方式。 crop : 剪切圖片以適應(yīng)對象尺寸。
image : 默認(rèn)值。增大或減小對象的尺寸邊界以適應(yīng)圖片的尺寸。
scale : 縮放圖片以適應(yīng)對象的尺寸邊界。

src : 必選項(xiàng)。字符串(String)。使用絕對或相對 url 地址指定背景圖像。假如忽略此參數(shù)，濾鏡將不會(huì)作用。

特性：
Enabled : 可讀寫。布爾值(Boolean)。參閱 enabled 屬性。
sizingMethod : 可讀寫。字符串(String)。參閱 sizingMethod 屬性。
src : 可讀寫。字符串(String)。參閱 src 屬性。

說明：
在對象容器邊界內(nèi)，在對象的背景和內(nèi)容之間顯示一張圖片。并提供對此圖片的剪切和改變尺寸的操作。如果載入的是PNG(Portable Network Graphics)格式，則0%-100%的透明度也被提供。
PNG(Portable Network Graphics)格式的圖片的透明度不妨礙你選擇文本。也就是說，你可以選擇顯示在PNG(Portable Network Graphics)格式的圖片完全透明區(qū)域后面的內(nèi)容。

實(shí)例：解決IE6下png透明失效的問題。

CSS樣式:
 

1. .png{ 
2. _background: url(images/angel.png) no-repeat !important;  
3. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="images/angel.png"); 
4. background:none; 
5. width:118px;height:133px; 
6. } 
7.  
8. .png div{position:relative;}