css - 如何拉伸和自动调整背景图像的大小

Question

我试图让我的背景图像延伸到整个页面,但到目前为止我有这个:

这是我希望在浏览器窗口中拉伸的图片:

我的外部CSS包含以下代码:

hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("mybackground.jpg")} 

任何人都可以告诉我如何编辑CSS文件来解决我的问题？

Answer 1

您可以使用:

background-size: cover;

但请注意这支持哪些浏览器.例如,这在IE8及以下版本中不起作用.

Answer 2

另一种选择还包括:

body{
   background-image:url("mybackground.jpg")
   background-size:contain;
   background-repeat:no-repeat;
}