1

私はこれを理解することはできません..うまくいけば、他の誰かが理解できます。

画像ボタンがあります。ホバー効果は正常に機能します。ただし、ボタンの画像の上にIEの壊れた画像のアイコンがあります。

Lookie here：ファンキーな画像 ファンキーな画像ホバー

ご覧のとおり...これらは両方とも、その厄介な壊れた画像を除いて機能します。

これが私のCSSです：

.donate-btn {
背景：transparent url（/custom/img/donate-btn.png）no-repeat;
オーバーフロー：非表示;
高さ：45px;
幅：210px;
float：left;
}
.donate-btn：hover {
背景：transparent url（/custom/img/donate-btn.png）no-repeat;
高さ：45px;
幅：210px;
背景位置：0 -45px;
}
4

1 に答える 1

2

これは単に、source属性に存在しない画像を参照していることを意味します。代わりに実際の<button>タグの使用を検討する必要があります。境界線とパディングを削除するには、いくつかの追加のスタイル属性が必要です。

.donate-btn{
    background: transparent url(/custom/img/donate-btn.png) 0 0 no-repeat;
    overflow:hidden;
    height:45px;
    width:210px;
    border: none;
    padding: 0;
    float:left;
}

.donate-btn:hover{
    background-position: 0 -45px;
}

また、ホバー状態で不要なスタイルを削除することで、CSSを簡素化しました。

<button class="donate-btn" type="submit"></button>
于 2009-12-17T00:56:46.407 に答える