css - 用背景填充整个动态 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+ 支持 background-size 属性。”