Question

我使用png图像作为带链接的按钮。像这样：

<p><a href="https://www.blabla.com/"><img src="/image.png" width="50" height="50" border="0"></a></p>

我不希望对图像按钮产生任何影响。但当我将鼠标悬停在png图像上时，我会在png透明区域的一部分中看到一个看似鬼影的内容。

我以前见过这个，而且我知道有办法解决这个问题，但是经过多次搜索后我找不到任何有用的东西。

Answer 1

感谢JSFiddle的建议。我在发布时解决了它。

问题似乎特定于：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

我通过添加以下CSS类解决了这个问题：

.nohov a:hover {
    background-color: transparent;
}