IE6下论坛使用透明背景PNG格式图片Logo正常的方法　For 7.1

锋芒不露 · 发表于 2009-10-17 14:47:08

本帖最后由锋芒不露于 2009-10-26 12:55 编辑

　　估计大家在建论坛的时候，有很多人想用PNG图片的透明背景效果来制作Logo或者是论坛顶部的页头，但在IE6下却显示的是灰色或白色背景，我也深受其烦，在官方论坛没找到方法，只好在网上找了一下，找到一段代码能解决这个问题，这样就得修改模板文件，自己试了下，发现不用修改文件也能实现。不敢私藏，特来与大家分享，如果有人已经发过这个方法，大家就当看个热闹吧。

先上图，这个是原版的：

这个是修改后的：

方法如下：

在后台——》全局——》网站第三方统计代码:

框内插入以下代码：

<script>
function correctPNG()
{
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
}
}
}
window.attachEvent("onload", correctPNG);
</script>

复制代码

PS：这个方法应该对帖子里的ＰＮＧ图片效果有效，哪位试试？

132133 · 发表于 2009-10-17 14:57:07

累不累啊，用Macromedia Fireworks 8重新导出图片就可以了

锋芒不露 · 发表于 2009-10-17 15:12:54

那个样的图片效果没试过，我是用photoshop做的图，存成png-8效果不行，存成png-16在ie6下面就出现上面那个问题了！，而且这样不只是论坛顶部，对论坛其它地方出现的png也有效果，估计别人在帖子里发的png图片也行，不过没试过！

bogu8433 · 发表于 2009-10-23 08:54:52

楼主和二楼大大的方法都可以实现！！谢谢两位的分享！

abcnic18 · 发表于 2009-10-23 09:04:46

谢谢这些好人滴分享啊~~·

shwxwl · 发表于 2009-10-23 09:06:40

学习了，支持

肥爺 · 发表于 2009-10-23 09:55:22

建议直接放common.js内去

锋芒不露 · 发表于 2009-10-26 12:54:31

不想修改原文件，所以用这个方法！！

kmroom · 发表于 2009-10-26 13:28:55

不错顶一下

渔先生 · 发表于 2009-12-22 10:59:20

可以使用，很好

		自动登录	找回密码
密码			立即注册

IE6下论坛使用透明背景PNG格式图片Logo正常的方法 For 7.1

本帖子中包含更多资源

IE6下论坛使用透明背景PNG格式图片Logo正常的方法　For 7.1