如何在整个窗口拉伸背景？

Question

我正在尝试使用HTML / CSS扩展背景以填满整个窗口 我已经看到了一些解决方案，但它们不起作用 我遇到的每个解决方案都无法在所有浏览器上运行，Chrome不会拉伸它，或者IE不会拉伸它，如果它们都这样做，那么firefox将是有问题的。

有没有人有一个可行的解决方案，适用于所有浏览器？ （不介意一些javascript）

Answer 1

我相信如果不创建img元素，并将其z顺序设置为底部然后自定义其宽度，则无法执行此操作。 This page有详细信息。

修改：在链接中显示使用position: fixed;。如果您指定doctype，这将仅适用于旧版本的IE。只要元素是正文的直接子元素，使用absolute就是一个简单的解决方法。

Answer 2

前一段时间我遇到了这个问题，我发现这个网站http://webdesign.about.com/od/css3/f/blfaqbgsize.htm有一个非常精心编写的教程，很好地解释了它，并且它适用于我正在寻找的东西。

Answer 3

http://reisio.com/temp/stretch/

Answer 4

写一个css，其中背景图像将在body.like

中

body {
    background-image: url("/images/bg.jpg");
    background-repeat: no-repeat;
    background-position:center top ;
     }

这样可以保持身体的整体形象。试着希望它能起作用。