使用CSS 3属性background-size:

#my_container {
    background-size: 100% auto; /* width and height, can be %, px or whatever. */
}

自2012年以来，这一功能可用于现代浏览器。

使用border-image: yourimage属性来设置你的图像，并将其放大到屏幕或窗口的整个边界。

我想指出，这相当于做:

html { width: 100%; height: 100%; }
body { width: 100%; height: 100%; /* Add background image or gradient to stretch here. */}

试试文章的background-size。如果您使用以下所有选项，它将在除Internet Explorer之外的大多数浏览器中工作。

.foo {
    background-image: url(bg-image.png);
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%; 
    background-size: 100% 100%;
} 

使用CSS 3属性background-size:

#my_container {
    background-size: 100% auto; /* width and height, can be %, px or whatever. */
}

自2012年以来，这一功能可用于现代浏览器。

一句话:不。拉伸图像的唯一方法是使用<img>标记。你必须要有创造力。

在2008年，当答案写出来的时候，这曾经是正确的。如今，现代浏览器支持背景大小，这就解决了这个问题。注意，IE8不支持它。