CSS里面背景图像使用background-position定位显示的时候怎么才能让背景平铺?

页面背景都做在一个PNG图片里面,有的背景因为是可以通过平铺来实现,所以就把背景切成了长条放在PNG图像里,用background-image:调用,并用backgrou... 页面背景都做在一个PNG图片里面,有的背景因为是可以通过平铺来实现,所以就把背景切成了长条放在PNG图像里,用background-image:调用,并用background-position定位,请问怎样才能实现长条的平铺呢?? 展开
 我来答
稳固且帅气的小仙人掌j
推荐于2018-03-13 · 超过47用户采纳过TA的回答
知道小有建树答主
回答量:98
采纳率:88%
帮助的人:22.3万
展开全部
用background-size属性,
格式如下:background-size: length|percentage|cover|contain;
length 设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动)
percentage 将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"auto(自动)"
cover 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。
contain 此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。
删除一半
2014-02-28
知道答主
回答量:17
采纳率:0%
帮助的人:8.4万
展开全部
body {
        background:    repeat top left;
        }

body 是选择了整个网站,然后给他添加图片背景

repeat是让图片重复

top与left是让图片定位,意思是整个网站的 顶部并且是左边

然后图片按顺序,先出现在网站的左上角,然后往右重复,沾满最上面整个屏幕,然后再出现在左上角图片的下面,然后就这样一直重复,沾满整个屏幕

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
Prince____Yu
2014-02-28 · TA获得超过3718个赞
知道小有建树答主
回答量:864
采纳率:33%
帮助的人:945万
展开全部

如果是要平铺的图片只能做成单张的图片,集合图片(css sprite)是不行的。

至于实现平铺效果用:

background-repeat:repeat;
background-repeat:repeat-y;
background-repeat:repeat-x;
追答
谢谢
有问题继续交流
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
yugi111
2014-02-28 · TA获得超过8.1万个赞
知道大有可为答主
回答量:5.1万
采纳率:70%
帮助的人:1.3亿
展开全部
background-position: 12px 12px;

就是类似的2个像素,你可以在浏览器里面F12调整,可以达到最终效果。我做html5游戏的时候,就利用了这个。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
妥实且委婉的小标兵5
2018-03-13 · 超过23用户采纳过TA的回答
知道答主
回答量:56
采纳率:85%
帮助的人:12万
展开全部
background-size: 20% 100%;
background-repeat:repeat;//默认的
调用图片默认是平铺的,你如果想要只铺一行用background-size: n% 100%;
background-position用不到吧
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式