加入收藏 | 设为首页 | 会员中心 | 我要投稿 辽源站长网 (https://www.0437zz.com/)- 云专线、云连接、智能数据、边缘计算、数据安全!
当前位置: 首页 > 教程 > 正文

Discuz!透明PNG在网页有阴影的解决方法

发布时间:2021-03-15 16:34:08 所属栏目:教程 来源:网络整理
导读:编程之家 jb51.cc 做自己的SS站LOGO时,我用的是PNG图片,PS时做的是透明背景,上传到网站后在本机测试也是透明(如图一),不过之后在很多别人的电脑上看时图片出现了水渗般的背景色(如图二),问了很多朋友,以为与电脑分辨率有关,不过调试后不行,自己上网

  编程之家 52php.cn 做自己的SS站LOGO时,我用的是PNG图片,PS时做的是透明背景,上传到网站后在本机测试也是透明(如图一),不过之后在很多别人的电脑上看时图片出现了水渗般的背景色(如图二),问了很多朋友,以为与电脑分辨率有关,不过调试后不行,自己上网找了很久,发现原来是浏览器问题。

  发现遇到同样问题的不仅是我,所以就本人的例子总结了方法在此,希望对有需要的朋友有所帮助。

  PNG图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景,如:在有颜色过度背景上插入不规则边框的图片带来极大很便利!

  但目前IE中对于插入的透明背景的.png的图片是不能正常显示的。IE会自动给".png"格式的图片加个灰色背景。

  解决这个的方法是增加javascript。具体方法如下:

  把下面的代码放在head区就可以解决问题了。

  也可以把这段代码单独加在一张图片上:

(编辑:辽源站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读