html - 悬停图像时出现奇怪的星号？

Question

我有一个用于显示特色产品的 Magento jcarousel 插件。当您将鼠标悬停在图像上时，它会显示更大版本的图像。在那个更大的版本中，左上角有一个 *(星号)。

这有点难以解释，您可以在 http://www.dooor.nl/ 上看到它的实际效果。当您将鼠标悬停在页面中间的旋转木马上时(新闻通讯上方，移动 slider 下方)。

我不知道它是怎么来的，它不在原始插件中。问题是我无法使用 Firebug 访问它以查看它的来源，因为我无法选择悬停的图像。

编辑:这是原始插件:http://www.hellothemes.com/demo/?theme=hellowear .你可以看到没有星号。

Answer 1

它在您的图像上 - 如果您在 Photoshop 中查看左上角，会发现一个星号形状的小区域是透明的。由于预览的背景是深灰色，它穿过图像并看起来像一个星号。

如果您不想自己修复所有图像，您可以将其添加到您的 CSS 中:

#preview img {
    background-color: white;
}