JS解决ie下 png图片透明的问题

JavaScript021

JS解决ie下 png图片透明的问题,第1张

// 修复 IE 下 PNG 图片不能透明显示的问题    

function fixPNG(myImage) {    

var arVersion = navigator.appVersion.split("MSIE")    

var version = parseFloat(arVersion[1])    

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    

} }

下载附件中的文件

在html 的<head></head>里面加上以下的代码:

<!--[if IE 6]>

<script src="js/DD_belatedPNG_0.0.8a-min.js" type="text/javascript"></script>

<script type="text/javascript">

DD_belatedPNG.fix('div, ul, img, li, input')

</script>

<![endif]-->

注: DD_belatedPNG.fix('包含透明PNG图片的标签')多个标签之间用英文逗号隔开。

此解决方案的不足:

1、你的CPU在打开页面的时候可能会飙升。

2、链接的hover的手型会变成指针,但是链接是存在的。解决方法:只要在css里加一条a{cursor:pointer}就行了。

你想将此表格直接成为PNG格式的透明背景图片,

可在PS中不打开背景图片,直接将之前输出的“PDF”文件拖到PS中;

然后将其直接保存为PNG格式即可

保存成功后,就成为了一张PNG透明背景的图片,想要半透明 自己可以调一下

亲 如果要什么不明白 想要具体操作图片流程 你可以追问我