css Sprites小实例代码

这是一个非常简单的应用，但是在设计上，它可以减轻服务器的压力，减少请求的数量，这是一个很好的方法。特别是这个小图片上即使是两张图片，在响应时间上也慢不了多少，但是有一个问题，就是两张图片交替的时候，背景图片很容易被重新加载，造成长时间不显示的效果。(时间长短取决于服务器的响应速度和图片大小。)以下是css的部分内容：body { font-family : ' lucida sans '，' lucida sans unicode '；font-size :14 px；线高：24 px；} ul { list-style-type : none；} li { float:left} a { background-image : URL(BG . gif)；高度：26 px；背景-位置：53 px0px；显示：块；右边距：10 px；宽度：53 px；文本对齐：居中；color: # 333333} lia : link { text-decoration : none；} lia :已访问{ text-decoration : none；} lia : hover { text-decoration : none；背景-位置：00 px；//这里规定画面要从某个坐标开始显示。}从上面的代码不难看出，决定因素是后台-position : * * px；这样，在复杂的css应用中，我们就可以解决背景图片的重载问题。