1

CSS ホバー画像が Firefox では機能しないが、Chrome では機能する

これらは私のコードです。

.col-md-2 .angelhack {
height: 65px;
width: 188px;
content: url(../img2/logo_angelhack.png);

}

.col-md-2 .angelhack:hover {
    height: 65px;
    width: 188px;
    content: url(../img2/logo_angelhack_colored.png);
}
4

1 に答える 1

8

CSS で「content」を「background-image」に変更してみてください。画像パスを引用符で囲むのはオプションです。

background-image: url(../img2/logo_angelhack.png);

ここに例を追加しました: http://jsfiddle.net/dKcdK/

.angelhackこの例では、それがブロック レベルの要素であると想定していることに注意してください。そうでない場合はdisplay: block;、CSS にも適用する必要があります。

*HTML を含む以下のコメントを考えると、ソース HTML からイメージ タグを完全に削除class="angelhack"し、アンカー タグに設定します。display: block;次に、CSSを追加します。

ここでjsFiddleを更新しました：http://jsfiddle.net/dKcdK/2/

于 2013-11-04T17:02:12.650 に答える