关于CSS布局的图片背景整合切图问题

tandongs

如图 home_img

本来想把整个站点的所需背景图都拼凑在一张图上

遇到一个问题：

我知道固定宽度的图标等切图方法

1. .ico{
   
2.         width:80px;
   
3.         height:20px;
   
4.         float:left;
   
5.         background:url(../images/home_img.jpg) no-repeat -20px 0;
   
6. }

复制代码

如果我想让图中的最左上角的10*30像素的背景图横向平铺该怎么写？

fireman8

需要横向平铺的 整合成一张map图
固定宽度的 整合成一张map图

atlantis2007

楼主是想要左上角的那种图片显示？如果是的话，就用background-position:0 0;background-repeat:repeat-x;

sd13142dll

你必须把这个10px*30px的小图单独放置一行，并且把它的长度从左到右拉成跟这个整合的大图一样的长度。然后 height:30px; background:url(../images/home_img.jpg)  0 -(距离顶部的高度) repeat-x;

kukala

这个情况要分开来，和2楼一样！