2012-03-07 36 views
0

私は8/9イメージを連続して表示しているサイトを持っています。ビルド段階では、私のローカルPCで9 httpコールを作るのは大丈夫ですが、実際のウェブサイトでhttpコールを減らすために、CSSスプライト技術に行きたいと思っています。しかし、私はそのようなCSSスプライトを作り出すことができません。助けてください。このような状況でCSSスプライトを作成するにはどうすればよいですか?

HTML + CSSコードは単純です:http://jsbin.com/ugabez/edit#source

あなたの便宜のために
<style> 
     a img{ width: 32px; height: 32px; } 
    </style> 

<a href="http://www.twitter.com/godhulii"> 
     <img alt="@godhulii" 
src="twitter.jpg" title="follow me @godhulii"> </a> 

     <a href="http://somewhereinblog.net/blog/seoul"> 
      <img alt="somewhereinblog.net/blog/seoul" 
src="somewhereinblog.jpg" title="somewhereinblog.net/blog/seoul"> </a> 

     <a href="http://www.youtube.com/seoulbuet" > 
      <img alt="bookmark this site" 
src="youtube.gif" title="youtube.com/user/seoulbuet"> </a> 

(またはあなたは、CSSスプライトを作成します。期待して)、私はjsbinテスト環境でのセットアップ、このコードを持っています

返信いただきありがとうございます。 -seoul

+1

ここには十分な情報がありません。スプライトは何ですか?あなたはそれらをどこに表示したいですか? – Evernoob

+0

jsbinリンクに行き、レンダリングすると、出力が表示されます。私はちょうど同じ出力をしたいが、単一のhttp呼び出しで – seoul

答えて

0

SpritMeは、あなたのウェブサイトにスプライトを作成するのに役立ちます。

詳細はこちらHERE

関連する問題