用背景填充整个动态DIV（可能具有不同的大小）

Question

我有一个div，其宽度和高度取决于浏览器窗口大小。

我需要一个跨浏览器的解决方案，用背景图片填充整个div。图像不应重复，而是纵向和横向拉伸/缩小。

谢谢！

---

我为任何感兴趣的人提出了跨浏览器解决方案。

这是一段代码：

<div id="content">    
<div style="width:100%;height:100%;position: fixed;left: 0px;top: 0px;z-index: -1;">
    <img src="wallpaper.jpg" style="width:100%;height:100%;" alt="" /> 
</div>

Line 1<br />Line 2<br />Line 3</div>

祝你好运！

Answer 1

使用：

#myDiv {
    background: url('...XXX') no-repeat;
    background-size: 100% 100%;
}

请注意它是CSS3：“IE9 +，Firefox 4 +，Opera，Chrome和Safari 5 +支持后台大小属性。”