国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

PNG背景透明在網頁設計中的運用

2024-07-11 08:34:50
字體:
來源:轉載
供稿:網友

PNG的背景透明在網頁中應用比較廣泛,但瀏覽器的兼容問題一直很讓人頭疼,用的CSS濾鏡再變通一下也能實現PNG背景半透明的兼容問題,只不過不支持背景的定位而已,也就是說不支持CSS SCRIPT。
一、CSS 濾鏡(兩種方法)
  一般能用CSS處理的就盡量不要用JS了,個中的原因,你懂的……
本人整理了一下使用濾鏡的方法處理IE6下的PNG半透明,但該方法也有局限性,不能使用背景定位,也就是不能使用CSS Script
方法1
CSS核心代碼:
background-image:url(weather.png)!important; background-image:url(www.survivalescaperooms.com); filter progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’weather.png’);
其他瀏覽器不需要處理,只需要單獨針對IE6作處理也可以。
方法2CSS核心代碼:
_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’weather.png’,sizingMethod=’crop’);
說明:
方法1
當CSS中出現兩個同樣的屬性,無論是否有!important,IE6只識別最后一個屬性。(IE6是識別!important的,后面的background-image起干擾作用。在Firefox下,!important被優先執行,filter濾鏡不起作用。這個其實只需要處理PNG在IE6中不支持半透明的問題,其他瀏覽器都是支持PNG的半透明的,所以不需要處理。該方法使用也有局限性,就是不支持圖片的定位,也就是不支持CSS Script。
方法2
同樣的也是利用濾鏡進行處理,但方法上與方法一有所區別,單獨針對IE6進行處理,利用“_”來針對IE6處理,其他瀏覽器對PNG的半透明是支持的,所以不再需要處理了。需要注意的是,sizingMethod=’crop’須寫上,不然會出現一些莫名的邊角的問題,這個也是與方法一的方法有所區別的一點(有時候不寫也會正常,但保險起見,建議寫)。
二、DD_belatedPNG
  DD_belatedPNG完美地解決了“iepngfix.htc”會出現的無法平鋪,沒法定位以及所加超鏈接的點擊區域無法使用等問題!
  詳細文檔見http://dillerdesign.com/experiment/DD_belatedPNG/。這里就不提供翻譯了,哪位大大有時間有精力就來個翻譯文檔吧。08年末這東西剛出來的時候國內就有人發過這個方法,但不知道為什么,沒引起什么“效應”,很多人還是在用上面說的“更具局限性”的方法。
  使用方法很簡單,首先下載調用JS,然后在使用PNG的頁面中引用代碼,由于是針對IE6處理的,所以在外圍加上IE6的條件注釋,以便區別于其他瀏覽器。
 1.<!–[if IE 6]>
<script type="text/javascript" src="下載下來的JS路徑"></script>
<script type="text/javascript">
      DD_belatedPNG.fix(‘CSS選擇器, 應用類型’);

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 桂林市| 壤塘县| 民权县| 普兰县| 繁峙县| 保定市| 遂宁市| 河间市| 农安县| 石渠县| 镇康县| 荥阳市| 治县。| 祁阳县| 饶阳县| 淮滨县| 水富县| 黄浦区| 随州市| 馆陶县| 崇仁县| 宝鸡市| 漳浦县| 东莞市| 绥阳县| 高要市| 金乡县| 潜江市| 宝应县| 兴和县| 望都县| 喀什市| 阿图什市| 德惠市| 仁寿县| 拜泉县| 天门市| 孝昌县| 宁乡县| 珲春市| 方山县|