收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1827|回复: 7

[CSS] 请问怎样可以使图片中特定区域以背景方式水平重复?

[复制链接]
发表于 2012-9-6 17:21:58 | 显示全部楼层 |阅读模式
请问怎样可以使图片中特定区域以背景方式水平重复?
发表于 2012-9-6 17:28:10 | 显示全部楼层
平铺部分占满整个宽度,然后repeat-x.
如果没占满,你要平铺某部分,貌似不行哇。
回复 支持 反对

使用道具 举报

发表于 2012-9-6 18:02:27 | 显示全部楼层
特定区域还是定位吧
回复 支持 反对

使用道具 举报

发表于 2012-9-7 14:35:05 | 显示全部楼层
直接background: ……url…… repeat-x;
回复 支持 反对

使用道具 举报

发表于 2012-9-12 10:31:14 | 显示全部楼层
这个好办,css3可以帮你实现,不过你要使用background新增的多个属性,比如说background-size来控制背景图片的尺寸,background-origin来控制背景图片的起点,还要background-clip等属性,比较复杂的点,建议先了解这几个属性的使用方法。http://www.w3cplus.com/resources/css3-tutorial-and-case
回复 支持 反对

使用道具 举报

发表于 2012-9-12 10:44:36 | 显示全部楼层
支持楼上,如果是用到图片的话,直接用background: ……url…… repeat-x;就ok了
回复 支持 反对

使用道具 举报

 楼主| 发表于 2012-9-13 09:35:26 | 显示全部楼层
五楼办法可行,但目前有浏览器版本限制
回复 支持 反对

使用道具 举报

发表于 2012-9-14 09:41:22 | 显示全部楼层
chaoguang 发表于 2012-9-13 09:35
五楼办法可行,但目前有浏览器版本限制

是的,受限于浏览器的兼容性,如果要兼容,那只能另想他法
回复 支持 反对

使用道具 举报

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

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-10-20 19:46 , Processed in 0.109098 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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