首先看我们的标签代码：
我们将利用ie中特有的特效来满足这个要求，这就是alphaimageloader filter (http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/alphaimageloader.asp)
如何做？
将下面代码保存为correctpng.js:
复制代码 代码如下:
function correctpng()
{
for(var i=0; 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 = + style=\ + width: + img.width + px; margin:6px; height: + img.height + px; + imgstyle + ;
+ filter:progid:dximagetransform.microsoft.alphaimageloader
+ (src=\' + img.src + \', sizingmethod='scale');\>
img.outerhtml = strnewhtml
i = i-1
}
}
}
window.attachevent(onload, correctpng);
然后在你需要透明的网页中的....区加入：
在区加入多个与类似的png图片，试试看？
另一种方法：
复制代码 代码如下:
alpha image
透明
不透明