Chrome和Safari中的頁面背景圖像

我有一個HTML頁面，我正在使用CSS屬性應用背景圖像。Chrome和Safari中的頁面背景圖像

問題是，我想讓這個背景圖像出現在相對較長頁面的底部，即頁面將被滾動到底部以查看背景圖像。

我申請以下：

body { 
    background: url("images/bg_homepage.png") no-repeat scroll right bottom transparent; 
}

這對Firefox和Internet Explorer工作正常，但Chrome和Safari瀏覽器無法正常工作。 Chrome和Safari需要將background-attachment屬性設置爲「固定」，但這正是我不想要的。

請指導。

感謝

來源

2011-03-02 Prashant

適用於您爲我提到的所有瀏覽器：http://jsfiddle.net/7CG5z/ – thirtydot

這些代碼可以在所有瀏覽器中使用。您的代碼中有其他內容會干擾它。 – sevenseacat

感謝您的回覆，並感謝thirtydot爲我啓發了關於jsfiddle.net – Prashant

如果你不希望它在你的身體，你可以創建例如:)

的股利和ID BG，然後做這樣的事情

#bg { 
    background: url("/bg.gif") no-repeat scroll left bottom #FFFFFF; 
    bottom: 100px; 
    height: 396px; 
    position: fixed; 
    width: 288px; 
    z-index: -1; 
}

，如果你不想使用固定在頁面上的任何地方，它將無法在主流瀏覽器上工作:(

來源

2011-03-02 10:47:44 walialu

我已經完成了與

body { 
    width: 100%; height: 100%; 
    position: absolute; 
    background-image: url(img/strand_402.jpg); 
}

適用於所有瀏覽器（包括IE）。

來源

2011-03-02 10:50:27 SchurigH

Chrome和Safari中的頁面背景圖像

回答

相關問題