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

語(yǔ)法：
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è)置或檢索濾鏡作用的對(duì)象的圖片在對(duì)象容器邊界內(nèi)的顯示方式。 crop : 剪切圖片以適應(yīng)對(duì)象尺寸。
image : 默認(rèn)值。增大或減小對(duì)象的尺寸邊界以適應(yīng)圖片的尺寸。
scale : 縮放圖片以適應(yīng)對(duì)象的尺寸邊界。

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

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

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

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

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透明 及 鏈接失效問(wèn)題解決

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

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

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

方法二: 給img定義樣式，頁(yè)面上所有透明png即自動(dòng)透明了。（這方法只對(duì)直接插入的圖片有效，對(duì)背景圖無(wú)效）注意，要準(zhǔn)備一個(gè)透明的小圖片transparent.gif,大小不限。必須放在和html相同的目錄
請(qǐng)勿大量使用，否則會(huì)導(dǎo)致頁(yè)面打開(kāi)很慢!!!)

換成你的png圖片

方法三:用JS實(shí)現(xiàn),加上一段js代碼后,所有插入的透明png自動(dòng)透明了.（注意，這方法也是只對(duì)直接插入的圖片有效，對(duì)背景圖無(wú)效）

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

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

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

推薦度：

點(diǎn)擊下載本文 文檔為doc格式