PNG在网页中的应用

| |
[不指定 2007/06/12 11:08 | by sunle ]
最近在做一个网站的时候十分苦恼,因为背景我做的是渐变的,不好切图,请恕我的菜.
只好把图片保存成透明的背景到时放上去就不会有衔接不好的现象了,可是我保存了N次的gif没能解决.真是有够讨厌的那些杂边.
只好网上找下方法
没想到在一国外的网站找到了这个
把下边的代码另存为pngfix.js
然后在你要用png图片背景透明的网页中加入以下代码


pngfix.js


var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

if ((version >= 5.5) && (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 = i-1
     }
  }
}
Tags:

网站制作 | 评论(0) | 引用(0) | 阅读(538)
发表评论
表情
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
记住我
昵称   密码   游客无需密码
网址   电邮   [注册]