PNG图片在网站上不透明,无法找出原因

时间:2011-04-21 08:10:26

标签: html css png transparency

我正在荷兰的网站上工作,我的徽标有问题。 我将徽标保存为PNG24,徽标中的字符“hvb”将是透明的。 由于一些奇怪的原因,它显示了普通老白的字符。

有人可以告诉我这是怎么可能的。 顺便说一下:它不是由缠绕的h1标签引起的。

http://www.luukratief-design.nl/wp/

帮助将不胜感激

编辑:

我从来没有见过这个,但你们哪儿在哪里!图像确实有白色字母! 关于它的奇怪之处在于层是隐藏的,所以它们在photoshop中看起来很透明。一旦我使用save for web并将其导出到png,突然间他们是白色的。看看屏幕:

enter image description here

解决方案: 听起来很愚蠢,我删除了白色图层(甚至看不见),然后再次导出。你可以看到它现在有用了。

我只能选择1个正确答案,所以我会选择第一个指出这个问题的人。多谢你们。还是很奇怪,但谢谢!

4 个答案:

答案 0 :(得分:3)

图像文件中的字母为白色。

答案 1 :(得分:2)

徽标似乎对我有透明度。我正在使用Chrome。

如果没有一些javascript小工具,那么在IE6或更早版本中,PNG的透明度也不起作用。 请参阅:http://code.google.com/p/ie7-js/

答案 2 :(得分:1)

我为你做了一个简单的改变,让字母变得透明。你可以随心所欲地使用它。免费! ;)

enter image description here

编辑:显然,如果花一点时间,你可以做得更好,但在图像编辑软件中编辑是透明的唯一方法。

看到hvb的“h”在最后有一个很好的电影,当然它不是透明的!?

答案 3 :(得分:0)

当我将背景更改为黑色时,字母为白色。对网站实施没有问题,我认为问题出现在图像文件中。

我理解问题有困难,第二种选择:

此外,如果您使用IE,并且透明图像边角和边缘有问题,请使用js代码进行修复。

如果您希望这些字母是透明的,您需要使用Adobe Ilustrator,Photoshop或其他方式编辑图像文件,使用的是什么。

链接:IE Transparency