找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2215|回复: 4

[求助] 关于CSS布局的图片背景整合切图问题

[复制链接]
发表于 2013-2-19 09:40:09 | 显示全部楼层 |阅读模式
本帖最后由 tandongs 于 2013-2-19 09:44 编辑

home_img.jpg

如图 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像素的背景图横向平铺该怎么写?
发表于 2013-2-19 10:13:27 | 显示全部楼层
需要横向平铺的 整合成一张map图
固定宽度的 整合成一张map图
回复 支持 反对

使用道具 举报

发表于 2013-2-19 13:12:17 | 显示全部楼层
楼主是想要左上角的那种图片显示?如果是的话,就用background-position:0 0;background-repeat:repeat-x;
回复 支持 反对

使用道具 举报

发表于 2013-3-12 18:00:42 | 显示全部楼层
你必须把这个10px*30px的小图单独放置一行,并且把它的长度从左到右拉成跟这个整合的大图一样的长度。然后 height:30px; background:url(../images/home_img.jpg)  0 -(距离顶部的高度) repeat-x;
回复 支持 反对

使用道具 举报

发表于 2013-3-15 11:36:38 | 显示全部楼层
这个情况要分开来,和2楼一样!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备19000417号-2 )

GMT+8, 2021-4-18 16:27 , Processed in 0.058522 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表