背景图片是无法拉伸的 只能平铺，或者 上下 左右复制延伸
no-repeat: 即无论背景图片的大小, 只显示单个背景图片, 如首页的第一篇文章标题前的”NEW”图标, 代码如上所示;
repeat: 指背景图片横向和纵向重复连续显示;
repeat-x: 指背景图片横向重复连续显示;
repeat-y 指背景图片纵向重复连续显示
两边拉伸的话可以，中间背景做一个渐变，两边使用单色平铺
no-repeat: 即无论背景图片的大小, 只显示单个背景图片, 如首页的第一篇文章标题前的”NEW”图标, 代码如上所示;
repeat: 指背景图片横向和纵向重复连续显示;
repeat-x: 指背景图片横向重复连续显示;
repeat-y 指背景图片纵向重复连续显示
两边拉伸的话可以，中间背景做一个渐变，两边使用单色平铺
温馨提示：内容为网友见解，仅供参考
第1个回答 推荐于2018-03-02
<style type = "text/css">
body {
background-image:url("xxx.jpg");
no-repeat center center fixed;
background-size: contain;
}
试试看看background-size: ,contain 或者cover, stackoverflow里的回复还有几句没看懂的，
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
我删了后也能在IE和firefox里显示拉伸的背景图片，不知道加上去有什么作用本回答被网友采纳
body {
background-image:url("xxx.jpg");
no-repeat center center fixed;
background-size: contain;
}
试试看看background-size: ,contain 或者cover, stackoverflow里的回复还有几句没看懂的，
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
我删了后也能在IE和firefox里显示拉伸的背景图片，不知道加上去有什么作用本回答被网友采纳
第2个回答 2012-05-15
拉伸不了，都是背景图片很大，容器缩小变大
第3个回答 2012-05-15
背景图弄大一下就是了
相似回答
