Question

我认为标题非常清楚，所以我想要的是当用户将鼠标悬停在按钮上时，背景图像会发生变化。我没有使用特定的类，因为背景：透明混乱。

这是按钮的代码：

<button type="submit" style="border: 0; padding: 0px; margin-top: -1px; background: transparent">
    <img src="../images/login open.png" alt="Inloggen" width="130" height="29" />
</button>

感谢您查看;）

Answer 1

你没有使用透明的PNG吗？您可以避免使用背景：完全透明，而只需使用按钮：悬停以更改背景。

HTML：

 <button type="submit"></button>

CSS：

 button {
 background:url(yourImage.png) no-repeat 0 0;
 height: 29px;
 width: 130px;
 border:none;
 }

 button:hover {
 background:url(yourImage.png) no-repeat 0 0;
 }

请参阅http://jsfiddle.net/Hc5Dz/

使用透明背景在悬停时更改按钮的背景

1 个答案: