在这种情况下如何制作css sprite?

时间:2012-03-07 10:42:40

标签: html css css-sprites

我有一个网站,我连续显示8/9图像。在构建阶段,可以在我的本地电脑上进行9次http调用,但我想采用css-sprite技术来减少实际网站中的http调用。但是我无法生成这样的css-sprite。请帮忙。

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-sprite),我在jsbin测试环境中设置了这段代码:http://jsbin.com/ugabez/edit#source

感谢您的回复, -seoul。

1 个答案:

答案 0 :(得分:0)

SpritMe可以帮助您为您的网站创建精灵。

您可以找到更多信息HERE