如何使用CSS設置伸展背景圖像

Question

如何使用CSS爲頁面背景和DIV &表背景伸展背景圖像...這樣，如果窗口大小發生變化，背景圖像大小應該拉伸（展開/收縮）相應....

Answer 1

只能在CSS3中使用background-size。您還可以使用-o-background-size,-webkit-background-size和-moz-background-size嘗試並最大化瀏覽器支持。您應該將該值設置爲100％。在其他瀏覽器中，您可以重複背景或在圖像不足時使用顏色，但不能拉伸。在下面的第一個鏈接中有建議嘗試和僞造它。

請參見：

• http://webdesign.about.com/od/css3/f/blfaqbgsize.htm
• https://developer.mozilla.org/en/CSS/background-size

Answer 2

您可以將它固定爲一層做沒有CSS3。

<img src="background.png" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; position:absolute; z-index:-1;" /> 
<div style="position: static;z-index: 1; "> 
    content 
</div>