<abbr id="gueck"></abbr>

<fieldset id="gueck"></fieldset>

當前位置：首頁 > JS代碼 > JS特效代碼 > CSS樣式

兼容IE6和Firefox的PNG背景透明CSS代碼

2009-11-27　來源/作者：懶人圖庫　分類：CSS樣式　 «»

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>兼容IE6和Firefox的PNG背景透明CSS代碼-懶人圖庫</title>
<style type="text/css">

</style>
</head>

<p><strong>兼容IE6和Firefox的PNG背景透明CSS代碼</strong></p>
<p>PNG的背景透明在網頁中應用比較廣泛，但瀏覽器的兼容問題一直很讓人頭疼，這個<a href="http://www.cxj168.com/js/jiaodiantu-710.html" target="_blank">JS焦點圖代碼</a>，是用JS判斷的方法，西西用CSS變通的也實現了PNG背景透明的兼容問題。</p>
<p>說明：</p>
<p>1、當CSS中出現兩個同樣的屬性，無論是否有!important，IE6只識別最后一個屬性。（IE6是識別!important的，后面的background-image起干擾作用，呵呵~）</p>
<p>2、在Firefox下，!important被優先執行，FILTER濾鏡不起作用。</p>
<p>作者：<a href="http://www.cxj168.com" target="_blank">西西</a>（尊重他人勞動成果，轉載請自覺注明出處！）</p>
<p>查找更多代碼，請訪問：<a href="http://www.cxj168.com" target="_blank">懶人圖庫</a></p>
</body>
</html>

運行代碼保存代碼提示：您可以先修改部分代碼再運行，保存代碼功能在Firefox下無效。

兼容IE6和Firefox的PNG背景透明CSS代碼

PNG的背景透明在網頁中應用比較廣泛，但瀏覽器的兼容問題一直很讓人頭疼，這個JS焦點圖代碼，是用JS判斷的方法，西西用CSS變通的也實現了PNG背景透明的兼容問題。

說明：

1、當CSS中出現兩個同樣的屬性，無論是否有!important，IE6只識別最后一個屬性。（IE6是識別!important的，后面的background-image起干擾作用，呵呵~）

2、在Firefox下，!important被優先執行，FILTER濾鏡不起作用。

用到的圖片：