JS解決ie6下png透明的方法實(shí)例
更新時(shí)間:2013年08月02日 10:00:04 作者:
解決ie6下png透明的問(wèn)題想必前端都比較清楚,雖然有很多方法,但是我覺(jué)得用JS還是最省事的方法,不管是圖片還是背景圖片都OK。
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<title>解決ie6下png透明方法之JS法-</title>
<style type="text/css">
.a{background: #FFFF99 ; background-image: url(bg.jpg); height:800px;padding: 50px; }
.b{ float: left; background: url(tra.png) no-repeat 0 0; width:240px; height:307px; margin-right:20px;}
</style>
<!--[if IE 6]> //只有IE6才調(diào)用
<script src="http://www.dbjr.com.cn/js/iepng.js" type="text/javascript"></script> //此處調(diào)用透明的JS
<script type="text/javascript">
EvPNG.fix('div, ul, img, li, input'); //EvPNG.fix('包含透明PNG圖片的標(biāo)簽'); 多個(gè)標(biāo)簽之間用英文逗號(hào)隔開(kāi)。
</script>
<![endif]-->
</head>
<body>
<div class="a">
<div class="b">
<p>腳本之家</p>
<p><a href="http://www.dbjr.com.cn">www.dbjr.com.cn</a></p>
<p>上邊的鏈接可以點(diǎn)開(kāi)喲</p>
</div><!--背景調(diào)用-->
<img src="tra.png" width="240" height="307" alt="" /><!--頁(yè)面插入圖片-->
</div>
</body>
</html>
相關(guān)文章
基于JavaScript實(shí)現(xiàn)點(diǎn)擊頁(yè)面任何位置返回
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)點(diǎn)擊頁(yè)面任何位置返回的實(shí)例代碼,需要的朋友可以參考下2016-08-08全面了解javascript中的錯(cuò)誤處理機(jī)制
下面小編就為大家?guī)?lái)一篇全面了解javascript中的錯(cuò)誤處理機(jī)制。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07javascript實(shí)現(xiàn)復(fù)選框全選或反選
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)復(fù)選框全選或反選,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02javascript瀏覽器窗口之間傳遞數(shù)據(jù)的方法
這篇文章主要介紹了javascript瀏覽器窗口之間傳遞數(shù)據(jù)的方法,實(shí)例分析了父窗口與子窗口之間傳遞參數(shù)的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-01-01javascript中簡(jiǎn)單的進(jìn)制轉(zhuǎn)換代碼實(shí)例
這篇文章介紹了javascript中簡(jiǎn)單的進(jìn)制轉(zhuǎn)換代碼實(shí)例,有需要的朋友可以參考一下2013-10-10javascript引用類型之時(shí)間Date和數(shù)組Array
引用類型的值(對(duì)象)其實(shí)就是引用類型的一個(gè)實(shí)例,接下來(lái),通過(guò)本篇文章給大家介紹javascript引用類型之時(shí)間Date和數(shù)組Array,需要的朋友可以參考下2015-08-08原生JavaScript實(shí)現(xiàn)todolist功能
本篇文章給大家介紹了通過(guò)原生JavaScript實(shí)現(xiàn)todolist功能相關(guān)知識(shí)點(diǎn),對(duì)此有需要的朋友可以學(xué)習(xí)下。2018-03-03