无声雨的杂录

不讲究辞藻,不需咬文嚼字

   :: 首页  ::  :: 联系 :: 订阅 订阅  :: 管理
图片对象
function correctPNG() 

var arVersion = navigator.appVersion.split("MSIE");
 
var version = parseFloat(arVersion[1]);
 
if ((version >= 5.5&& (version < 7&& (document.body.filters)){
for(var i=0; i<document.images.length; i++

var img = document.images[i] 
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 
= i-1 
}
 
}
 
}
 
}

然后直接onLoad该方法就可以了

如果要将PNG做为背景,并且使得其透明,则可以使用如下样式:
background: url(图片地址) center repeat-y !important;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='图片地址',sizingMethod='scale');
posted on 2008-04-09 19:06  无声雨  阅读(493)  评论(0编辑  收藏  举报