【发布时间】：2012-10-16 01:37:22
【问题描述】：
我有多个图层，我无法让它们正确工作。
我网站的主要背景是黑色#000000。
然后我有一个带有背景图像的 div，它很好地位于我的黑色背景上。
现在我想在上面提到的图像上覆盖我的徽标，这是一个具有透明背景的 PNG 图像文件。
我认为这很容易，但我得到的结果是我的徽标在图像周围有一个黑框。
为什么透明度会下降两层到我的背景color，而不是下降一层到我的背景图像？
【问题讨论】：
-
你能提供一些代码和/或 jsfiddle 什么的吗？还是代码+截图？
-
实际上听起来好像有什么东西破坏了您的徽标的透明度。如果保存不正确，PNG 将显示黑色背景而不是透明背景。您也可以通过从 Web 复制 PNG 并将其直接粘贴到 Photoshop 中来查看相同的内容。我很确定如果您将主背景颜色更改为红色，您会发现您的徽标仍然是黑色背景。
-
您是否为包含背景图像和主背景的 div 分配了黑色背景色？
-
我试过红色的东西，盒子变红了，所以它正在拾取背景图像。
-
我的body{}和*{}只有黑色背景色。这是另一个问题，为什么我必须在两者中都添加颜色。如果我删除任何一个背景变为白色。
标签： html css image background png