在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)畫面相當(dāng)幫，這里有一個(gè)vb中讀取png圖片的類，我以前的一個(gè)程序也是使用的這個(gè)類實(shí)現(xiàn)的PNG透明效果啟動(dòng)畫面。
附件中資源來(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)畫面相當(dāng)幫，這里有一個(gè)vb中讀取png圖片的類，我以前的一個(gè)程序也是使用的這個(gè)類實(shí)現(xiàn)的PNG透明效果啟動(dòng)畫面。
附件中資源來(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)文章
js實(shí)現(xiàn)轉(zhuǎn)動(dòng)骰子模型
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)轉(zhuǎn)動(dòng)骰子模型，自動(dòng)隨機(jī)生成骰子數(shù)的模型，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
javascript實(shí)現(xiàn)的柱狀統(tǒng)計(jì)圖表
下面是完成后的預(yù)覽圖，可以看到，繪制一個(gè)表格，耗時(shí)0.005毫秒，也就是200分之一秒。效率我還是比較滿意的！2010-07-07
Javascript獲取當(dāng)前日期的農(nóng)歷日期代碼
這篇文章主要介紹了利用Javascript獲取當(dāng)前日期的農(nóng)歷日期代碼，很實(shí)用，需要的朋友可以參考下2014-10-10
這篇文章主要為大家詳細(xì)介紹了js繪制購(gòu)物車拋物線動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
this是JavaScript中的關(guān)鍵字之一，在編寫程序的時(shí)候經(jīng)常會(huì)用到，正確的理解和使用關(guān)鍵字this尤為重要。接下來(lái)通過(guò)本文給大家介紹javascript中的this，需要的朋友參考下吧2016-02-02
極致之美——百行代碼實(shí)現(xiàn)全新智能語(yǔ)言
極致之美——百行代碼實(shí)現(xiàn)全新智能語(yǔ)言...2007-03-03
ts封裝axios并處理返回值的實(shí)戰(zhàn)案例
在vue項(xiàng)目中,和后臺(tái)交互獲取數(shù)據(jù)這塊,我們通常使用的是axios庫(kù),下面這篇文章主要給大家介紹了關(guān)于ts封裝axios并處理返回值的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
JavaScript for in錨點(diǎn)的動(dòng)態(tài)創(chuàng)建
主要包括for..in的使用,錨點(diǎn)的動(dòng)態(tài)創(chuàng)建,狀態(tài)欄文字效果2008-09-09
這篇文章主要介紹了微信小程序中換行空格（多個(gè)空格）寫法詳解,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-07-07
Object.assign方法用于對(duì)象的合并，將源對(duì)象（ source ）的所有可枚舉屬性，復(fù)制到目標(biāo)對(duì)象（ target ），下面這篇文章主要給大家介紹了關(guān)于ES6中新增的Object.assign()方法的相關(guān)資料，需要的朋友可以參考下。2017-09-09