CSS 背景图片如何随页面自动拉伸

background-image:url(../../config/img/Title.png); 如何在这里定义...

举报该文章

相关建议 2013-04-18

background:url(../../config/img/Title.png) no-repeat;不重复
background:url(../../config/img/Title.png) repeat-x;横向平铺
background:url(../../config/img/Title.png) repeat-y;竖着铺
什么不加就是横竖平铺
如果你是想拉伸的话，竖着切一张几个像素宽的背景图（比如说宽2px，高990px这样的一张图），然后设置repeat-x，横向平铺。这样看起来就像是一张大图。这种方法适用于纵向渐变的背景。

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/2sps8pqmm.html

其他看法

第1个回答推荐于2017-10-08

这样你就可以按照百分比来设置，把以前的像素px设置成百分比就可以了。
或者background:url(../../config/img/Title.png) no-repeat;不重复
background:url(../../config/img/Title.png) repeat-x;横向平铺
background:url(../../config/img/Title.png) repeat-y;竖着铺
用这些设置也是可以实现的。

第2个回答 2013-04-19

背景可以定义不重复no-repeat 横向重复repeat-x 纵向重复repeat-y如果要定义拉伸，需要动态传参，比较麻烦更多关于CSS http://tommyhu.cn/category/W3C/

第3个回答 2013-04-19

好想只有浮动，和固定吧，有拉伸这个定义吗

第4个回答 2013-04-18

background-size: 50% 100%;

百度：css背景缩放，不过ie低版本不支持

相似回答

大家正在搜