很多背景集成在一张图片时，CSS怎么引用这张图片的某一背景做布局呢
0
悬赏园豆：10
[待解决问题]
看到很多网站上都采用这种写法，
比如说 F团 团购网 http://www.ftuan.com
把它的 “有问必答”或者“邀请有礼”这样的栏目的标题的背景图片右键存取下来，发现它是一张合好几个背景在一起的图片，那这样的话，用css+div怎么布局成它网页上的栏目样式啊？？？？
所有回答(3)
0
css有background-position属性和background-repeat属性，请具体参见标准说明手册，并搜索css sprite查看相关技术
0
background-position 主要是这个属性 很少能用到background-repeat了 基本都是定义固定高度宽度了
0
简单地说就是利用background-position进行背景图片定位。需要注意的就是这个盒子的大小，不能太大或太小，不能让图片其它位置显示出来。关于如何精确定位，网上有很多软件我一直用bg2css，这个挺不错的百度一下就可以搜到。 关于相关案例可以参考http://mall.taobao.com/的导航栏的做法，淘宝用的是<s></s>空标签
#mall-nav .map s {
background-position:-98px -78px;
}
#mall-nav li s {
float:left;
height:18px;
margin:10px 4px 10px 0;
width:21px;
}
mall.taobao.com (第 12 行)
#mall-nav s, #footer, #mall-desc i, #mall-desc dt span, #mall-search fieldset, #mall-search label, #mall-search input, #mall-search .input button, #mall-search .goods {
background:url("http://img07.taobaocdn.com/tps/i4/T1H24MXkxLXXXXXXXX.png") no-repeat scroll 0 0 transparent;
}
