javascript - 如何在鼠标悬停时更改图像按钮

我想在翻滚时将图像按钮从绿色更改为黄色。
这是我的CSS代码

 a#try-it-button {
    width:273px;
    height:47px;
    margin-left:25px;
    margin-top:372px;
    background:url(../image/try-it-green.png);

}
a#try-it-button:hover {
        width:273px;
    height:47px;
    margin-left:25px;
    margin-top:372px;
    background:url(../image/try-it-orange.png);
}
a.alt { display: none; }

我的html代码

<div id="y-moringa">


<a id="try-it-button" href="#"><span class="alt"></span></a>

</div>

提前谢谢。

最佳答案

将float: left或display: inline-block或display: block添加到a#try-it-button中。
你想要哪一个取决于你想要的布局。
您不需要复制:hover上的所有属性（除了新的background）。
实际上，您应该在这里使用"CSS Sprites"（有许多好处），并调整background-position上的:hover。

关于javascript - 如何在鼠标悬停时更改图像按钮，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7084472/