欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)文章

最新評(píng)論