背景不能與窗口

調整我使用博客和最近插入該CC代碼到模板設計的先進部分輸入的背景圖像背景不能與窗口

body { 
    background: url(http://img854.imageshack.us/img854/9854/ied6.jpg) no-repeat; 
    background-attachment:fixed; 
    background-color: none; 
} 
.body-fauxcolumn-outer div { 
    background: none !important; 
}

的問題是，當瀏覽器窗口大小的背景保持不變，但頁面上的所有小部件/元素都隨着窗口一起調整大小。

見www.ashlylondon.blogspot.com

我所需要的背景，讓他們留在白色區域的背景圖像上與小部件來調整沿。

來源

2013-08-01 user2639773

您可以嘗試在您的身體上添加'background-size：cover;'CSS規則 – Dale

我試過這個Dale，而它確實調整了背景，反射是我問的背景。令人困惑的是，我真正想要的是當窗口被調整大小並停在正確的大小時（與本頁非常類似），其他窗口小部件「移動」的背景 – user2639773

添加到您的CSS

body{background-size:100%;}

來源

2013-08-01 11:55:21

我在OP的頁面上嘗試過它，它看起來很糟糕。不是一個可行的解決方案（即使不考慮兼容性問題） –

我同意。它不能工作可悲 – user2639773

試試這個

補充身體類background-size:cover;

http://jsfiddle.net/pyFbF/3/

body { 
    background: url(http://img854.imageshack.us/img854/9854/ied6.jpg) no-repeat; 
    background-attachment:fixed; 
    background-color: none; 
    background-size:cover; 
} 
.body-fauxcolumn-outer div { 
    background: none !important; 
}

來源

2013-08-01 11:57:48 falguni

好吧，我投你了，但我希望看到'cover'的專有屬性以及:)，因爲它不是廣泛支持 –

我試過這個，雖然它確實調整了與bg圖像調整窗口大小。它看起來不正確... – user2639773

你是靠背景調整這麼多，你的佈局沒有它就無法工作。這並不理想。對這樣的情況下，典型的做法是：

具有覆蓋整個屏幕
給包含實際內容的background-color: white屬性<div>元素的背景圖像。
您仍然可以使用background-size將您的背景圖像縮放爲屏幕尺寸，但不再需要以使佈局工作。

竟被這確保你的內容始終是可讀無論什麼;它會在background-size不會的地方工作，例如在舊版瀏覽器和一些移動設備上。

來源

2013-08-01 11:58:31

我明白你在說什麼！我不完全確定如何將其添加到每個小部件，但我會給它一個彈出窗口！謝謝 – user2639773

背景不能與窗口

回答

相關問題