0

@jimbertucci と @Biff MaGriff のおかげで、最終的にスプライト イメージを作成し、実際に適切な CSS を取得することができました。私のウェブサイトはasp.net/vbです。

jfiddle でうまく機能します！ これは私のスプライト フィドルです。

SEは私にいくつかのコードを含めることを望んでいるので、基本的に私がやっていることは次のとおりです。CSS の場合:

.clients{
width:231px;
height:136px;
background-image: url(http://www.ussvision.com/images/sprite_clients.jpg);
}
.gm{
background-position: 0px 0px;
}

私のhtmlでは、スプライト画像を次のように呼び出そうとしています:

<a href="http://www.gm.com" target="_blank">
    <div class="clients gm"></div>
</a>

しかし、何らかの理由で、サーバーにアップロードすると、ページが表示され、適切なサイズになります。ホバーするとリンクが表示されます。スプライトは機能しているように見えますが、見えません。画像が表示されていない空白のページです。

ページ ソースを表示すると、div とクラスが表示されます。sprite-clients.jpg であるスプライト イメージを指すものは何も表示されません。ページソースでそれを見るべきかどうかわかりません...何が間違っているのかわかりません。どんな提案でも大歓迎です！

4

1 に答える 1

1

私は自分の質問に実際に答えているわけではありませんが、@ Tieson Tは、完全な http パスの代わりに ../images/sprite-clients.jpgを使用することを提案しました。なんらかの奇妙な理由で、それはうまくいきました！http://domain.com/images/sprite-clients.jpgを使用すると、空白で表示されます。しかし、Tieson の提案を受け入れたところ、すぐにすべてのブラウザーで表示されました (IE8、FF、Chrome、および Safari でテスト済み)。

なぜ IIS7 がこれを行うのか、またはその原因が何であるかを知りたい場合は、Tieson が理由を突き止めたときに、より完全な回答を返すことができます。

于 2012-11-02T03:49:30.510 に答える