为什么这些PNG文件在鼠标上方是黑色(背景)并且不透明?

时间:2012-02-10 16:28:21

标签: background png transparency

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

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

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

1 个答案:

答案 0 :(得分: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;

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

相关问题