如何使用CSS设置拉伸背景图像

Question

如何使用CSS为页面背景和DIV＆amp; amp;表格背景...这样如果窗口大小改变，背景图像大小应相应地拉伸（展开/收缩）....

Answer 1

只能使用background-size在CSS3中完成。您还可以使用-o-background-size，-webkit-background-size和-moz-background-size来尝试最大化浏览器支持。您应该将值设置为100％。在其他浏览器中，您可以重复背景或在图像不存在时使用颜色，但不能拉伸。在下面的第一个链接中有建议尝试伪造它。

见：

• http://webdesign.about.com/od/css3/f/blfaqbgsize.htm
• https://developer.mozilla.org/en/CSS/background-size

Answer 2

您可以通过将其固定为图层来执行此操作而无需css3。

<img src="background.png" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; position:absolute; z-index:-1;" />
<div style="position: static;z-index: 1; ">
    content
</div>