0

私の3つのボタンは互いに下にありますが、ブラウザの画像にカーソルを合わせると、下のボタンが消えます。上から通常ボタン、ホバリング、ボタン選択時のボタンです。私のボタンをこれに似たものにするのを手伝ってくれる人はいますか?私はこのコードを使用しましたが、まだ機能しません。ありがとうございます！:D http://www.icondeposit.com/blog:custom-css-button-sprite

ボタン: https://www.dropbox.com/s/j9ecwlgqu8d5508/button-2.png

ここに私のcssコードがあります、

.GoogleMarker {
    width: 1086px;
    height: 1118px;
    background: transparent url(button-2.png) 0 0px no-repeat; /* When not hovered over */
}
.GoogleMarker:hover {
    width: 1086px;
    height: 1118px;
    background: transparent url(button-2.png) 0 -503px no-repeat; /* When hovered over */
}
.GoogleMarker:active {
    width: 1086px;
    height: 1118px;
    background: transparent url(button-2.png) 0 -1004px no-repeat; /* When you press down on the icon or the icon is activated (clicked on) */
}
4

1 に答える 1

0

これがあなたの問題に関するjsfiddleファイルです。インターネットで見つけたランダムな画像スプライトで作成しました。

スプライトの を 1 回だけ設定しbackground-imageます。これを複数回繰り返す必要はありません。それ以降、確認する必要があるのは正しいbackground-position値だけです。を設定するたびにbackground-image、同じ画像を使用したい場合でも、別の画像をリクエストしていることになります。それが画像スプライトを使用する主な目的です。追加のリクエストを避けるためです。

于 2013-05-25T13:52:45.343 に答える