0

タイトルは少しわかりにくいかもしれません。私の問題を説明させてください: ソーシャル ボタンに CSS 画像ストライプを使用しています。簡単な例を次に示します。

.appnet {
     display:block;
     width:64px;
     height:64px;
     background: url('http://yanlu.de/files/images/SocialButtons.svg') no-repeat;
     background-position:-256px 0;
     margin-right: 10px;
     margin-left: 10px;
}
.appnet:hover {
     background-position:-256px -64px;
}
.appnet:active {
     background-position:-256px -128px;
}

今私のjQueryの部分があります：

$('.appnet').css('background-position','-256px -192px');

現在、ボタンをホバリングしている間、画像のストライプに変化はありません。なんで？

4

2 に答える 2

0

私の提案は、Javascript でスタイリングを行うことを避けることです。

代わりに「ダーク」クラスを用意する

.dark {
    background-position: -256px -192px;
}

必要に応じてオンとオフを切り替えるだけです。

$('.appnet').toggleClass('dark');
于 2013-08-05T10:34:28.517 に答える