0

httpリクエストの数を減らすために、asp.netホームページの下部にスプライトイメージを作成しようとしました。すべてのコーディングを調べましたが、エラーは見つかりませんでした。これが画像です:

5つのソーシャルメディアボタン

しかし、何らかの理由で、私のgoogle+画像が表示されません。5つのソーシャルメディアボタンのうち4つだけが表示されます。これがjsfiddleで、google+ボタンも表示されません。

JSFiddle-ソーシャルメディアボタン

この点に関して何かガイダンスを提供できる人に感謝します!

SEは、フィドル上にありますが、ここにコードを含めることを望んでいます。しかしとにかく、これが私のスタイルシートにあるものです:

.homepage{
width:23px;
height:23px;
background-image: url(http://www.ussvision.com/images/sprite-homepage.jpg); 
background-repeat:no-repeat;
}
.fbook{
background-position: 0px 0px;
}
.twit{
background-position: -25px 0px;
}
.yt{
background-position: -50px 0px;
}
.goog{
background-position: -103px 0px;
}
.linked{
background-position: -150px 0px;
}
4

1 に答える 1

6

.goog の位置は次のとおりです。http://jsfiddle.net/R8Eu8/1/ を参照-75px 0pxしてください。

編集: および .linked は である必要があります-103px, 0px

于 2012-11-05T08:00:01.243 に答える