png图片(有含有透明)在IE6中为什么不透明了

简介:

png-8模式的图片,如果没有渐变的话是透明的,如果有渐变就不透明了。需要js的支持。

 

复制代码
   
   
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);
复制代码

 

 



本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2010/02/05/1664587.html,如需转载请自行联系原作者

目录
相关文章
|
Web App开发 前端开发
图片垂直居中(兼容IE6/7)
我们知道单行文字垂直居中时只用让`height=line-height`即可,那么图片以及多行文字是如何垂直居中的呢?现以如下图片和代码为例,将我搜集得到的方法做一个总结说明:
1644 0
|
Web App开发 JavaScript 前端开发
|
Web App开发 JavaScript 前端开发