0

うまく機能するトグルスクリプトがありますが、マウスオーバー効果を追加しようとしていて、問題が発生しています。

私には4つのタグがあり、そのうちの2つは背景色の単純なDIVであり、2つの追加のボタンには背景画像があります。

すべてのタグにマウスオーバー効果を作成しましたが、ボタンをクリックすると正しく表示されません。ボタンをクリックすると、クリック時にボタンの背景位置を変更する必要があり、マウスバーがボタン上で停止するはずです。

これが私のリンクです：http： //jsfiddle.net/eriksnet/9cr4F/1/

ありがとうございました。

4

1 に答える 1

0

これ#r6:hover .gnMは、よりも優先順位が高いためです.button-toogle-on。CSSには、CSSの階層があり、CSSが定義されている場所、インラインであるかどうか、指定する要素の数に基づいています。詳細はこちらをご覧ください。

とにかく、これは機能します：

#r6 #bxGender .button-toggle-on {
    background-position: 0 -120px
}

jsfiddle： http: //jsfiddle.net/9cr4F/3/

于 2012-04-13T16:04:58.863 に答える