如何在这种情况下制作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精灵？

回答

相关问题