《
解決IE6不支持透明的PNG圖片問題》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234R02013.htm
援用函數(shù)是 DD_belatedPNG.fix() , 括號(hào)里分辨填寫利用PNG的CSS取舍器(可應(yīng)用ID挑選器和類抉擇器)和運(yùn)用類型(分為img跟background兩種)。
首先下載JS文件:0.0.8a-min.js (緊縮版)
<,解決Firefox下outerHTML不支持問題;!–[if IE 6]>
<script type=”text/javascript” src=”下載下來的JS門路”></script>
<script>
DD_belatedPNG.fix(‘CSS選擇器, 應(yīng)用類型’);
</script>
<![endif]–>
使用方法:
--> [
網(wǎng)站建設(shè)之]解決IE6不支撐透明的PNG圖片問題
之后在頁面中引用代碼:
如DD_belatedPNG.fix(‘#box-one, img’) 或者 DD_belatedPNG,
解決 IE6 下 img 多余 5 個(gè)像素的空白.fix(‘.header, background’) 等。 這些能夠簡(jiǎn)寫成 DD_belatedPNG.fix(‘#box-one, .header, img,background’); 更多選擇器的如 DD_belatedPNG.fix(‘#box-one, ,
視頻網(wǎng)站架構(gòu)經(jīng)驗(yàn).header,#footer,.box-two a:hover,
視覺設(shè)計(jì)案例 如何設(shè)計(jì)與眾不同的天氣應(yīng)用, img,background’); Tag: IE6 PNG圖片 IE6 PNG圖片
大家都曉得IE6是不支持透明的PNG圖片的,而PNG圖片的一些長處又是無奈代替的,IE6這一致命缺點(diǎn)極大地限度了Web設(shè)計(jì)的創(chuàng)意施展。固然解決IE6的透明PNG的方法也良多,從使用IE特有的濾鏡或是expression,再到j(luò)avascript+透明 GIF替換.然而這些辦法都有一個(gè)毛病,就是不支持CSS中backgrond-position與background-repeat屬性,衡量商業(yè)設(shè)計(jì)好壞的三個(gè)考量方面。而使用DD_belatedPNG.js可完善的解決IE6下PNG圖片透明問題,并且支持backgrond-position與background-repeat. 這是其余方式所不具備的,同時(shí)DD_belatedPNG還支持a:hover屬性,以及<img>。
(責(zé)任編輯:網(wǎng)站建設(shè))
解決IE6不支持透明的PNG圖片問題相關(guān)文章