Question

我正在为客户建立一个Magento商店，我为产品上传了一些测试图像，但是每当我使用chrome鼠标时它们似乎都有黑色背景。有谁理解为什么？我没有看到css的任何问题所以它必须是图像本身。

网址:(我在谈论'新产品'和'精选'下面的图片） http://bit.ly/zuRH2O

我使用photoshop和png-24 save-for-web选项（http://bit.ly/zGXTAo）制作了这些选项。多年来一直这样做，这实际上是第一次发生。

Answer 1

问题出在你的CSS中。看看背景图片：

a.product-image {
margin-bottom: 10px;
width: 182px;
height: 239px;
border: 1px solid #2F3238;
background: url("/images/thumb_bg.png") 50% top no-repeat;
display: block;
border-image: initial;

如果右键单击图像，并在新选项卡中查看，您将看到它们是透明的。你的背景很暗，所以图像会捡起来。

为什么这些PNG文件在鼠标上方是黑色（背景）并且不透明？

1 个答案: