html - 透明な背景でホバリングするときにボタンの背景を変更する

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を使用していませんか？background：transparentの使用を完全に回避し、代わりにbutton：hoverを使用して背景を変更することができます。

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/を参照してください