采用一张图片多种效果或内容显示，这时就可以使用background进行定位控制显示图片的某一部分，实现代码如下，从事web前端的朋友可以看看

使用情形：防止反复请求图片资源，我们经常采用一张图片多种效果或内容显示。 假设我有纸张竖直方向的一张图片，竖直y轴方向分别是字母：A,B,C…. 现在分别要显示A、B、C 等字母，我们的CSS可以这么写： 这里图片一个字母所占的width=20px,height=20px; 复制代码代码如下:.mar_wordA { background: url(“../images/ranking.gif”) no-repeat scroll 0 0px transparent; } .mar_wordB