IE6下Png透明最佳解決方案DD_belatedPNG
發(fā)布時(shí)間:2013-09-11 15:32:19 作者:佚名
我要評(píng)論

曾經(jīng)一度的采用濾鏡的方法搞定這個(gè)問題,弊端是當(dāng)有多個(gè)png圖片的時(shí)候,這就造成了css的壓力,得寫多少css代碼呀,也嘗試過js,缺點(diǎn)是不支持CSS中backgrond-position與background-repeat

這個(gè)問題曾經(jīng)困擾我許久許久……曾經(jīng)一度的采用濾鏡的方法搞定這個(gè)問題,但是這種方法有個(gè)弊端。就是當(dāng)有多個(gè)png圖片的時(shí)候,這就造成了css的壓力,得寫多少css代碼呀。也嘗試過js,但是這些方法都有一個(gè)缺點(diǎn),就是不支持CSS中backgrond-position與background-repeat.是否有一種方法能解決全站的ie6下png透明問題呢。
搜遍谷歌,發(fā)現(xiàn)了一個(gè)最完美的解決方案:DD_belatedPNG(點(diǎn)解連接 查看官方).
原理
這個(gè)js插件使用了微軟的VML語言進(jìn)行繪制,而其他多數(shù)解決PNG問題的js插件用的是AlphaImageLoader濾鏡.
使用方法
1.點(diǎn)擊這里下載 DD_belatedPNG.js
2.在網(wǎng)頁中引用,如下:
復(fù)制代碼
代碼如下:<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script> _fcksavedurl=""DD_belatedPNG.js"></script>"
<script>
/* EXAMPLE */
DD_belatedPNG.fix('.png_bg');
/* 將 .png_bg 改成你應(yīng)用了透明PNG的CSS選擇器 */
</script>
<![endif]-->
使用a:hover請(qǐng)留意
想要用透明PNG作為a:hover時(shí)的背景圖片,,需要以”a:hover”來作為選擇器
例:
復(fù)制代碼
代碼如下:<!--[if IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG.js" ></script>
<script type="text/javascript"> DD_belatedPNG.fix('.png_bg,.box a:hover');
</script>
<![endif]-->
相關(guān)文章
部分透明的蒙版效果實(shí)現(xiàn)思路(兼容ie6)
與普通的蒙版效果不一樣,需要有一個(gè)空白的地方顯示頁面上原有的動(dòng)態(tài)內(nèi)容,具體的實(shí)現(xiàn)思路如下,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-08-13純CSS實(shí)現(xiàn)背景半透明文字不透明效果兼容IE6
在某些情況下可能會(huì)需要背景半透明文字不透明這樣的效果,實(shí)現(xiàn)起來并不復(fù)雜,通過濾鏡便可做到,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-08-05- 圖片透明在某些特殊的情況下還是比較實(shí)用的,下面是用濾鏡寫的圖片透明代碼,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-04
背景透明文字不透明的最佳方法兼容IE(以背景黑色透明度0.5為例)
本文以背景黑色,透明度0.5舉例為大家詳細(xì)介紹下關(guān)于背景透明,文字不透明的最佳方法同時(shí)兼容IE,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下哈希望對(duì)大家有所幫助2013-07-03使用濾鏡解決IE6下png圖片不能透明(被渲染成默認(rèn)色)的問題
IE6不支持透明,所有的透明部分,都被渲染成灰色或白色(不知道啥顏色,他自己的默認(rèn)色)。這樣看起來難看不說,圓角的功能蕩然無存,下面與大家分享下使用濾鏡解決此問題2013-06-20格式png24透明底 多種解決png24格式圖片在ie6中透明問題
圖片透明,鋸齒問題是重構(gòu)人員很頭疼的問題,png24可以解決這些鋸齒問題,但是ie6不支持png24透明,不過利用ie6的hack問題有兩種解決的辦法,感興趣的朋友可以了解下哈2013-05-24- 想不想要自己的主頁鏈接很炫呢,背景半透明的鏈接效果,空鏈接實(shí)現(xiàn)的鏈接效果,只需要定義一個(gè)特效式的CSS樣式即可以實(shí)現(xiàn),在需要實(shí)現(xiàn)的地方應(yīng)用定義的CSS樣式,也可以全站2013-02-27
img 半透明 處理img加半透明背景實(shí)現(xiàn)思路及代碼
img加半透明背景實(shí)現(xiàn)原理:給li加上背景,li的大小就是圖片的大小,在a:hover時(shí)候改變a的透明度,感興趣的朋友可以了解下,希望本文可以幫助到你2013-01-13