Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] 教您轻松解决X1.5 PNG格式的logo背景变灰,透明看得见(点击进入)

[复制链接]
duanzhenliang 发表于 2011-3-19 12:51:13 | 显示全部楼层 |阅读模式
Discuz!模板
适用版本: Discuz! X1.5
语言编码: GBK简体 UTF8简体 BIG5繁体 UTF8繁体 
风格转换者: 原创
为什么做了logo,用png格式的,在dz变成灰底儿了呢?
答::
因为IE6一下的版本是不支持PNG格式的图片的,想要在IE6实现透明图片,需要另外想办法

1.有个简单的办法,用PS把图片转换成GIF格式,但是这样做的后果是,图片锯齿很严重。

2.另外就是需要JS代码来实现了,我给你一段代码,放到HEAD里面就行了
PNG图片透明代码:
  1. <script>

  2. function correctPNG()
  3. {
  4. for(var i=0; i<document.images.length; i++)
  5. {
  6. var img = document.images[i]
  7. var imgName = img.src.toUpperCase()
  8. if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
  9. {
  10. var imgID = (img.id) ? "id='" + img.id + "' " : ""
  11. var imgClass = (img.className) ? "class='" + img.className + "' " : ""
  12. var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
  13. var imgStyle = "display:inline-block;" + img.style.cssText
  14. if (img.align == "left") imgStyle = "float:left;" + imgStyle
  15. if (img.align == "right") imgStyle = "float:right;" + imgStyle
  16. if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
  17. var strNewHTML = "<span " + imgID + imgClass + imgTitle
  18. + " style="" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
  19. + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
  20. + "(src=\'" + img.src + "\', sizingMethod='image');"></span>"
  21. img.outerHTML = strNewHTML
  22. i = i-1
  23. }
  24. }
  25. }
  26. window.attachEvent("onload", correctPNG);

  27. </script>
复制代码

ayun0351 发表于 2011-3-19 12:51:34 | 显示全部楼层
先收藏,备急时用。
回复

使用道具 举报

 楼主| duanzhenliang 发表于 2011-3-19 12:51:36 | 显示全部楼层
沙发留给自己
回复

使用道具 举报

benls 发表于 2011-3-19 13:20:45 | 显示全部楼层
IE6太讨厌了
回复

使用道具 举报

广告 发表于 2011-3-19 17:10:36 | 显示全部楼层
路过 看下  
回复

使用道具 举报

gushiyue 发表于 2011-3-19 17:26:58 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

阳光骄子 发表于 2011-3-19 18:19:27 | 显示全部楼层
回复

使用道具 举报

阳光骄子 发表于 2011-3-19 18:19:48 | 显示全部楼层
回复

使用道具 举报

苏茗薇 发表于 2011-3-19 18:33:00 | 显示全部楼层
恩 收藏过来了
回复

使用道具 举报

西部园丁 发表于 2011-3-19 19:38:22 | 显示全部楼层
(EM:166:)
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-10-1 20:27 , Processed in 0.153891 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表