利用css的background-image和background-position将多图放在一张图片上取用

将很多图标放在一张图片上，既方便管理，又不会出现有的图标加载比较慢，有的图标加载不到等情况。

1、html代码里面，比如要把图标放在一个span里，这样写：

<span class="icon-class"/>

2、然后将在css里这样写：

        .icon-class 
        {
            background-image:url("Images/icon.png");
            background-position-x:30px;
            background-position-y:0;
            display:block;
            width:30px;
            height:30px;
        }

这里要注意的是，这里的每一行都不能省略，display没有的话就不能显示，width，height没有的话图片可能会透出来，把本来不要显示的也显示出来。

注意：我这里不使用background-repeat:no repeat。图片会重复显示。下面我用到的坐标取图片，如果用不重复的话会取不到。

3、图片的坐标是这样的，比如取图中的“x图标”，应该这样取坐标：