Question

html/css 背景图片如何拉伸，不是平铺。求例子

Answer 1

背景图片是无法拉伸的 只能平铺，或者 上下 左右复制延伸

no-repeat: 即无论背景图片的大小, 只显示单个背景图片, 如首页的第一篇文章标题前的”NEW”图标, 代码如上所示;

repeat: 指背景图片横向和纵向重复连续显示;

repeat-x: 指背景图片横向重复连续显示;

repeat-y 指背景图片纵向重复连续显示

两边拉伸的话可以，中间背景做一个渐变，两边使用单色平铺

Answer 2

<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里显示拉伸的背景图片，不知道加上去有什么作用

Answer 3

拉伸不了，都是背景图片很大，容器缩小变大

Answer 4

背景图弄大一下就是了