js png圖片(有含有透明)在IE6中為什么不透明了
更新時間:2010年02月07日 10:49:49 作者:
png-8模式的圖片,如果沒有漸變的話是透明的,如果有漸變就不透明了。需要js的支持。
復(fù)制代碼 代碼如下:
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters)) {
for (var j = 0; j < document.images.length; j++) {
var img = document.images[j]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length - 3, imgName.length) == "PNG") {
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
j = j - 1
}
}
}
}
window.attachEvent("onload", correctPNG);
您可能感興趣的文章:
- PNGHandler-借助JS讓PNG圖在IE下實現(xiàn)透明(包括背景圖)
- IE瀏覽器打不開PNG格式圖片的解決
- IE瀏覽器PNG圖片透明效果代碼
- DD_belatedPNG,IE6下PNG透明解決方案(國外)
- 在IE和VB中支持png圖片透明效果的實現(xiàn)方法(vb源碼打包)
- ie6下png圖片背景不透明的解決辦法使用js實現(xiàn)
- jQuery 淡入淡出 png圖在ie8下有黑色邊框的解決方法
- 解決IE6的PNG透明JS插件使用介紹
- 基于Unit PNG Fix.js有時候在ie6下不正常的解決辦法
- JS解決ie6下png透明的方法實例
- png在IE6 下無法透明的解決方法匯總
- IE瀏覽器下PNG相關(guān)功能
相關(guān)文章
防止網(wǎng)站內(nèi)容被拷貝的一些方法與優(yōu)缺點好處與壞處分析
防止網(wǎng)站內(nèi)容被拷貝的一些方法與優(yōu)缺點好處與壞處分析...2007-11-11
TypeScript轉(zhuǎn)javaScript的方法示例
本文主要介紹了TypeScript轉(zhuǎn)javaScript的方法示例,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2022-06-06
JavaScript中你不知道的數(shù)學(xué)方法分享(非常實用)
JavaScript的Math對象包含了一些非常有用和強大的數(shù)學(xué)操作,可以在Web開發(fā)中使用,本文為大家整理了一些非常實用的數(shù)學(xué)方法,希望對大家有所幫助2023-07-07
JavaScript 面向?qū)ο蠡A(chǔ)簡單示例
這篇文章主要介紹了JavaScript 面向?qū)ο蠡A(chǔ),結(jié)合簡單實例形式分析了JavaScript面向?qū)ο蟪绦蛟O(shè)計中類的定義、類方法與屬性相關(guān)操作技巧,需要的朋友可以參考下2019-10-10
JavaScript動態(tài)插入script的基本思路及實現(xiàn)函數(shù)
偶爾需要動態(tài)插入javascript代碼的需求,基本思路是動態(tài)創(chuàng)建一個script標簽,設(shè)置其src屬性,type屬性等,需要的朋友可以參考下2013-11-11

