使用DD_belatedPNG讓IE6支持PNG透明圖片建站問題
導讀:建站問題建站問題眾所周知IE6不支持透明的PNG圖片,而PNG圖片在Web設計方面表現力上,具有其它圖形格式所達不到的效果,IE6這一致命缺陷極大地限制了Web設計的創意發揮。網站seo優化軟件公司網站建設。
眾所周知IE6不支持透明的PNG圖片,而PNG圖片在Web設計方面表現力上,具有其它圖形格式所達不到的效果,IE6這一致命缺陷極大地限制了Web設計的創意發揮。雖然解決IE6的透明PNG的方法也很多,從使用IE特有的濾鏡或是e-xpression,再到javascript+透明 GIF替代.但 […]
眾所周知IE6不支持透明的PNG圖片,而PNG圖片在Web設計方面表現力上,具有其它圖形格式所達不到的效果,IE6這一致命缺陷極大地限制了Web設seo網站關鍵詞優化計的創意發揮。雖然解決IE6的透明PNG的方法也很多,從使用IE特有的濾鏡或是e-xpression,再到javascript+透明 GIF替代.但是公司網站建設這些方法都有一個缺點,就是不支持CSS中backgrond-position與background-repeat屬性。而使用DD_belatedPNG.js可完美的解決IE6下PNG圖片透明問題,并且支持backgrond-position與background-repeat. 這是其他方法所不具備的,同時DD_belatedPNG還支持a:hover屬性,以及<img>。我們的網站就加入了DD_belatedPNG處理導航PNG透明圖片,使其在不同瀏覽器下保持相同的外觀。
使用方法:
首先下載JS文件
http://www.028guzheng.com/793395_16370305896/DD_belatedPNG_0.0.8a.js
之后在頁面中引用代碼:
<!--[if IE 6]> <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script> <script> DD_belatedPNG.fix('css選擇器,應用類型'); </script> <![endif]-->
引用函數是 DD_belatedPNG.fix() , 括號里分別填寫應用PNG的CSS選擇器(可使用ID選擇器和類選擇器)和應用類型(分為img和background兩種)。
如DD_belatedPNG.fix(‘#box-one, img’) 或者 DD_belatedPNG.fix(‘.header, background’) 等。
這些可以簡寫成 DD_belatedPNG.fix(‘#box-one, .header, img,background’); 。
更多選擇器的如 DD_belatedPNG.fix(‘#box-one, .header,#footer,.box-two a:hover, img,background’); 等等。
另外,為解決IE6下背景圖閃爍,可以在頁面中添加如下腳本
<!–-[if IE 6]> <script type=”text/javascript”> // <![CDATseo網站優化軟件A[ if((window.navigator.appName.toUpperCase().indexOf("MICROSOFT")>=0)&&(document.execCommand)) try{ document.execCommand("BackgroundImageCache", false, true); } catch(e){} // ]]> </script> <![endif]–->
聲明: 本文由我的SEOUC技術文章主頁發布于:2023-05-26 ,文章使用DD_belatedPNG讓IE6支持PNG透明圖片建站問題主要講述透明,標簽,使用DD_belatedPNG讓IE6支持PNG網站建設源碼以及服務器配置搭建相關技術文章。轉載請保留鏈接: http://www.bifwcx.com/article/web_10030.html