Firefox 3.5.4中的PNG背景图片

Question

我的CSS片段：

#wrapper div.box {
    background: url('box-bg.png') left top repeat-y;
}
#wrapper div.box h2 {
    background: url('box-top.png') left top no-repeat;
}

这不起作用。它不是透明图像，而是显示图像，但用空格代替透明背景。

如果我这样做：

<img src="box-top.png" alt="" />

透明图像正确显示。是什么导致了这个问题？

Answer 1

您是否尝试过明确地为元素提供“background-color：transparent”？

Answer 2

我同意Pekka - 这些HTML元素是否可能从其他CSS规则继承白色背景颜色？您可以尝试：

#wrapper div.box {
    background: transparent url('box-bg.png') left top repeat-y;
}
#wrapper div.box h2 {
    background: transparent url('box-top.png') left top no-repeat;
}

Answer 3

请问您使用的浏览器是什么？ IE6无法正确显示PNG。另外，你是如何创建PNG的？如果是Photoshop，请确保您执行另存为Web ...否则将无法正确显示（透明度问题）。