使用html图层更改鼠标悬停颜色

Question

我使用photoshop将文本创建为透明png。我把我的png图像放在图层中。在这种情况下，有没有办法改变鼠标悬停颜色？

<div id="layer14" style=
"position: absolute; width: 122px; height: 20px; z-index: 14; left: 14px; top: 643px">
<a href="the%20son.html"><img class="auto-style15" height="20" src=
"graphics/Buttons/the%20son2.png" width="122"></a>
</div>

Answer 1

阅读此内容，了解鼠标悬停图像的变化情况。你可以用两种不同颜色的图像做同样的事情。

http://helplogger.blogspot.com/2012/05/create-rollover-image-effect-change.html

但代码就是这个......

<a href="URL ADDRESS"><img src="URL OF THE FIRST IMAGE GOES HERE" onmouseover="this.src='URL OF THE SECOND IMAGE GOES HERE'" onmouseout="this.src='URL OF THE FIRST IMAGE GOES HERE'" />

Answer 2

为此，您始终可以使用css悬停效果