返回首页
当前位置: 主页 > 开发手册 > Html >

CSS Sprites背景平铺资料整理

时间:2009-11-06 11:42来源:互联网 作者:网络 点击:
CSS Sprites是一种非常高效,节省带宽的作法。因为,它把很多的图片放在了一起,减少了HTTP请求。但是针对背景平铺时出现比较多多的做法,现在友诺网将这些整理如下: 一。蓝色理想
  

CSS Sprites是一种非常高效,节省带宽的作法。因为,它把很多的图片放在了一起,减少了HTTP请求。但是针对背景平铺时出现比较多多的做法,现在友诺网将这些整理如下:

一。蓝色理想的讨论

网页来源:http://bbs.blueidea.com/thread-2938619-1-5.html

1.一楼:css sprite中的一部分如何做平铺背景?图片中的一小部分 不能 横向或者纵向重复对吗?

 


图片1

2.网友解答:

css sprite的图片中

横向排列的做垂直平铺,
纵向排列的做水平平铺,
平铺的图片要占满图片,
比如,需要水平平铺的,宽度要和整张画布的宽度一样

都不能做重复
横向和横向重复的可以 上下排列
纵向和纵向的 水平 排列

3.另一种猜测:

可能用css加js可以实现~不过应该是很麻烦的

4.css sprite背景平铺的实际例子:

我的做法是用一张很高的图片来做纵向的平铺,基本所有的纵向平铺都放这张,然后另一张做横向平铺,再做一张没有平铺的图片


图片1

图片2

顶一下
(3)
60%
踩一下
(2)
40%
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
推荐内容

合作伙伴