如何在這種情況下製作css精靈？

我有一個網站，我連續顯示8/9圖像。在構建階段，可以在我的本地PC中創建9個http調用，但是我想要使用css-sprite技術來減少實際網站中的http調用。但我無法產生這樣的css-sprite。請幫忙。如何在這種情況下製作css精靈？

的HTML + CSS代碼很簡單：

<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測試環境：http://jsbin.com/ugabez/edit#source

感謝您的回覆， -seoul。

來源

2012-03-07 seoul

沒有足夠的信息去這裏。什麼是精靈？你想在哪裏顯示？ – Evernoob 2012-03-07 10:45:10

如果您轉到jsbin鏈接並進行渲染，您將看到輸出。我只想要相同的輸出，但只需一個http調用 – seoul 2012-03-07 10:47:08

SpritMe可以幫助您爲您的網站創建精靈。

你可以找到更多的信息HERE

來源

2012-03-07 10:46:50

如何在這種情況下製作css精靈？

回答

相關問題