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

Question

如何使用 CSS 为页面背景和 DIV 和表格背景拉伸背景图像......这样如果窗口大小发生变化，背景图像大小应该相应地拉伸（扩展/收缩）......

Answer 1

只能在 CSS3 中使用background-size. 您还可以使用-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>