我想拉伸背景來填充HTML/CSS的整個窗口。
我已經看到了一些解決方案,但他們不工作。
我遇到的每個解決方案都不適用於所有的瀏覽器,Chrome既不能擴展它,IE也不能擴展它,如果兩者都這樣做,那麼Firefox就會成爲問題。如何在整個窗口上拉伸背景?
有沒有人有一個工作解決方案,這將適用於所有瀏覽器? (不介意一些JavaScript)
我想拉伸背景來填充HTML/CSS的整個窗口。
我已經看到了一些解決方案,但他們不工作。
我遇到的每個解決方案都不適用於所有的瀏覽器,Chrome既不能擴展它,IE也不能擴展它,如果兩者都這樣做,那麼Firefox就會成爲問題。如何在整個窗口上拉伸背景?
有沒有人有一個工作解決方案,這將適用於所有瀏覽器? (不介意一些JavaScript)
我相信有沒有辦法做到這一點,沒有創建一個img元素,並設置它的z順序底部,然後自定義的寬度。 This page有詳細信息。
編輯:在鏈接它說使用position: fixed;
。如果你指定了一個文檔類型,這隻能在舊版IE中使用。只要元素是身體的直接子元素,使用絕對就是一個簡單的解決方法。
我剛纔有這個問題,我發現這個網站http://webdesign.about.com/od/css3/f/blfaqbgsize.htm有一個非常好的書面教程,它解釋得很好,加上它爲我所尋找的。
寫CSS的是,在這背景圖像將在body.like
body {
background-image: url("/images/bg.jpg");
background-repeat: no-repeat;
background-position:center top ;
}
這將使總的圖像中的body.Try這個希望它會工作。
這對IE8不起作用......背景圖片出現在內容的上方(單獨) – 2011-05-07 11:15:40
只是背景div應該是絕對的,不是固定的..加上你的回答 – 2011-05-07 11:17:49
我明白你的意思了,很高興看到你把它分類。它應該與固定工作,如果你宣佈一個文檔類型順便說一句。 – Matt 2011-05-07 11:30:35