Question

CSS中怎么定位显示图片中某个位置

比如说我有一张图片，是100px宽 50PX高的小图片，但是这一张图片上有5个小图标，那么我想在CSS中怎么在网页中显示这张图片中的某一个位置，而其它没有被定位的小图标就没有显示出来则被隐藏起来呢，好像用padding 和margin还是怎么设置求代码

Answer 1

background: url("../images/news.jpg") no-repeat scroll 10px 10px;
上面的数字就是定位，第一个数字的左右定位，第二个是上下定位的，你用张图片试试修改数字就知道，也就能理解了

Answer 2

background-image:url(xxx.jpg);
background-position: 0px -10px -10px 0px ;这样用
外面的容器固定个小点的宽高

追问

哥哥给一个俱体的代码可以吗，我试了一下好像不能用呀

追答

网上的用法就是这样用的，你可以看本网页的源代码 签到那里就是用的这样的用法 做的sprite图片

追问

谢谢哥，刚在搜了一下看了一下是CSS sprites方法直接在行内设置了就可以了

追答

好弟弟，好样的

Answer 3

可以使用CSS Clip。
使用方法：
img
{
position:absolute;
clip:rect(0px,60px,200px,0px);
}