2011-05-07 41 views
2

我想拉伸背景來填充HTML/CSS的整個窗口。
我已經看到了一些解決方案,但他們不工作。
我遇到的每個解決方案都不適用於所有的瀏覽器,Chrome既不能擴展它,IE也不能擴展它,如果兩者都這樣做,那麼Firefox就會成爲問題。如何在整個窗口上拉伸背景?

有沒有人有一個工作解決方案,這將適用於所有瀏覽器? (不介意一些JavaScript)

回答

1

我相信有沒有辦法做到這一點,沒有創建一個img元素,並設置它的z順序底部,然後自定義的寬度。 This page有詳細信息。

編輯:在鏈接它說使用position: fixed;。如果你指定了一個文檔類型,這隻能在舊版IE中使用。只要元素是身體的直接子元素,使用絕對就是一個簡單的解決方法。

+0

這對IE8不起作用......背景圖片出現在內容的上方(單獨) – 2011-05-07 11:15:40

+0

只是背景div應該是絕對的,不是固定的..加上你的回答 – 2011-05-07 11:17:49

+0

我明白你的意思了,很高興看到你把它分類。它應該與固定工作,如果你宣佈一個文檔類型順便說一句。 – Matt 2011-05-07 11:30:35

0

寫CSS的是,在這背景圖像將在body.like

body { 
    background-image: url("/images/bg.jpg"); 
    background-repeat: no-repeat; 
    background-position:center top ; 
    } 

這將使總的圖像中的body.Try這個希望它會工作。