关于背景图片位置的控制！

     页面上如果有很多小图标的话，以前我们的做法就是，一个小图标一张图片，但是现在我们却习惯于把这许多小图片整合成一张图片，通过控制这一张图片的位置和大小来获取相应的小图片。

 

以搜狐娱乐的背景图片为例：

 

 

大家可以试试以下代码：

 

<div style="background-image:url(http://s.biz.sohu.com/pic_module/images/pic-n-03.gif); background-position:0px -31px; width:30px; height:30px;" ></div>

 

得到的就是第二排第一个图标。