当前位置：文江博客话题详情

为什么这些 PNG 文件在鼠标悬停时是黑色（背景）而不是透明的？

发布于 2025-01-04 05:18:27 字数 314 浏览 1 评论 0原文

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

URL：（我说的是“新产品”和“精选”下面的那些图片） http://bit.ly/zuRH2O

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

王权女流氓 2025-01-11 05:18:27

问题出在你的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;

如果右键单击图像，然后在新选项卡中查看，您将看到它们是透明的。您的背景很暗，因此图像会显示它。

The problem is in your css. Look at the background image:

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;

If you right click on the images, and view in new tab you will see that they are transparent. Your background is dark, so the image picks that up.

回复收藏 0 原文

~没有更多了~