png在IE6下無法透明的解決方法匯總_javascript技巧

代碼如下:
style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png')"

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

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

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

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

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

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

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

CSS樣式:

.png{
_background: url(images/angel.png) no-repeat !important; 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="images/angel.png");
background:none;
width:118px;height:133px;
}

.png div{position:relative;}

HTML代碼：

CSS 背景PNG透明 及 鏈接失效問題解決

/*
兼容IE6.0、IE7.0、FF，
IE7.0和新版的FF其實是可以不加filter濾鏡直接透明的。
*/

=============================================================================

方法一:定義一個樣式,給某個div應用這個樣式后，div的透明png背景圖片自動透明了。（注意兩處圖片的路徑寫法不一樣，本例中，icon_home.png圖片與html文件在相同目錄）

方法二: 給img定義樣式，頁面上所有透明png即自動透明了。（這方法只對直接插入的圖片有效，對背景圖無效）注意，要準備一個透明的小圖片transparent.gif,大小不限。必須放在和html相同的目錄
請勿大量使用，否則會導致頁面打開很慢!!!)

換成你的png圖片

方法三:用JS實現,加上一段js代碼后,所有插入的透明png自動透明了.（注意，這方法也是只對直接插入的圖片有效，對背景圖無效）

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

png在IE6下無法透明的解決方法匯總_javascript技巧

png在IE6下無法透明的解決方法匯總_javascript技巧:FF和IE7已經直接支持透明的png圖了,下面這個主要是解決IE6下透明PNG圖片有灰底的 代碼如下: style=FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png') 語法： filter : progid:DX

推薦度：

點擊下載本文 文檔為doc格式