在IE和VB中支持png圖片透明效果的實(shí)現(xiàn)方法(vb源碼打包)
更新時(shí)間:2011年04月01日 23:55:58 作者:
在IE和VB中支持png圖片透明效果的實(shí)現(xiàn)方法(vb源碼打包),需要的朋友可以參考下。
1,使用js文件使IE支持png圖片透明效果。
pngfix.js:
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
function fixPNG(myImage)
{
if ((version >= 5.5) && (version < 7) && (document.body.filters))
{
var imgID = (myImage.id) ? "id='" + myImage.id + "' " : ""
var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : ""
var imgTitle = (myImage.title) ?
"title='" + myImage.title + "' " : "title='" + myImage.alt + "' "
var imgStyle = "display:inline-block;" + myImage.style.cssText
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + myImage.width
+ "px; height:" + myImage.height
+ "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>"
myImage.outerHTML = strNewHTML
}
}
使用方法 :
在模板的<HEAD>
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
<img src="xyz.png" alt="foo" width="10" height="20" onload="fixPNG(this)">
高和寬不能去掉。方法來(lái)自autoit,詳細(xì)說(shuō)明可以看看原文http://homepage.ntlworld.com/bobosola/index.htm
2,vb程序使用png圖片,做啟動(dòng)畫(huà)面相當(dāng)幫,這里有一個(gè)vb中讀取png圖片的類(lèi),我以前的一個(gè)程序也是使用的這個(gè)類(lèi)實(shí)現(xiàn)的PNG透明效果啟動(dòng)畫(huà)面。
附件中資源來(lái)自枕善居 文件下載
pngfix.js:
復(fù)制代碼 代碼如下:
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
function fixPNG(myImage)
{
if ((version >= 5.5) && (version < 7) && (document.body.filters))
{
var imgID = (myImage.id) ? "id='" + myImage.id + "' " : ""
var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : ""
var imgTitle = (myImage.title) ?
"title='" + myImage.title + "' " : "title='" + myImage.alt + "' "
var imgStyle = "display:inline-block;" + myImage.style.cssText
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + myImage.width
+ "px; height:" + myImage.height
+ "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>"
myImage.outerHTML = strNewHTML
}
}
使用方法 :
在模板的<HEAD>
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
<img src="xyz.png" alt="foo" width="10" height="20" onload="fixPNG(this)">
高和寬不能去掉。方法來(lái)自autoit,詳細(xì)說(shuō)明可以看看原文http://homepage.ntlworld.com/bobosola/index.htm
2,vb程序使用png圖片,做啟動(dòng)畫(huà)面相當(dāng)幫,這里有一個(gè)vb中讀取png圖片的類(lèi),我以前的一個(gè)程序也是使用的這個(gè)類(lèi)實(shí)現(xiàn)的PNG透明效果啟動(dòng)畫(huà)面。
附件中資源來(lái)自枕善居 文件下載
您可能感興趣的文章:
- PNGHandler-借助JS讓PNG圖在IE下實(shí)現(xiàn)透明(包括背景圖)
- IE瀏覽器打不開(kāi)PNG格式圖片的解決
- IE瀏覽器PNG圖片透明效果代碼
- js png圖片(有含有透明)在IE6中為什么不透明了
- DD_belatedPNG,IE6下PNG透明解決方案(國(guó)外)
- ie6下png圖片背景不透明的解決辦法使用js實(shí)現(xiàn)
- jQuery 淡入淡出 png圖在ie8下有黑色邊框的解決方法
- 解決IE6的PNG透明JS插件使用介紹
- 基于Unit PNG Fix.js有時(shí)候在ie6下不正常的解決辦法
- JS解決ie6下png透明的方法實(shí)例
- png在IE6 下無(wú)法透明的解決方法匯總
- IE瀏覽器下PNG相關(guān)功能
相關(guān)文章
在SSM框架下用laypage和ajax實(shí)現(xiàn)分頁(yè)和數(shù)據(jù)交互的方法
今天小編大家分享一篇在SSM框架下用laypage和ajax實(shí)現(xiàn)分頁(yè)和數(shù)據(jù)交互的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
js老生常談之this,constructor ,prototype全面解析
下面小編就為大家?guī)?lái)一篇js老生常談之this,constructor ,prototype。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-04-04
實(shí)例講解使用原生JavaScript處理AJAX請(qǐng)求的方法
這篇文章主要介紹了實(shí)例講解使用原生JavaScript處理AJAX請(qǐng)求的方法,這樣就算是利用原生API而脫離了jQuery中的Ajax方法,需要的朋友可以參考下2016-05-05
javascript檢測(cè)對(duì)象中是否存在某個(gè)屬性判斷方法小結(jié)
檢測(cè)對(duì)象中屬性的存在與否可以通過(guò)以下幾種方法來(lái)判斷:使用in關(guān)鍵字、使用對(duì)象的hasOwnProperty()方法、用undefined判斷、在條件語(yǔ)句中直接判斷,感興趣的朋友可以了解下哈2013-05-05
Jjcarousellite 實(shí)現(xiàn)圖片列表滾動(dòng)的簡(jiǎn)單實(shí)例
這篇文章主要介紹了Jjcarousellite 實(shí)現(xiàn)圖片列表滾動(dòng)的簡(jiǎn)單實(shí)例,有需要的朋友可以參考一下2013-11-11
JS正則表達(dá)式大全(整理詳細(xì)且實(shí)用)
JS正則表達(dá)式大全(整理詳細(xì)且實(shí)用)。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11
javascript獲得服務(wù)器端控件的ID的實(shí)現(xiàn)代碼
javascript獲得服務(wù)器端控件的ID的實(shí)現(xiàn)代碼,需要的朋友可以參考下。2011-12-12

