背景停止在div底部之前

我的背景在背景停止在div底部之前，我的橫幅背景有問題。結果是底部有一個很大的白色空間。背景停止在div底部之前

這是一個響應式網站，問題只發生在屏幕尺寸低於1250像素後（只需調整瀏覽器的大小，你會看到它）。

我試過調整HTML/CSS中儘可能多地使用螢火蟲（加入clearfixes等），但沒有任何我試過有任何結果。

這是它的外觀以全尺寸，它應該是什麼樣子： enter image description here

這是它的時候的樣子1250px下與下它不需要的空間： enter image description here

This is the website.

來源

2013-08-21 ronnz

您的背景圖片高度較短，您需要修改您的.slider1類別爲

.slider1 { 
    background: url("../images/banner-background-01.jpg") repeat-x scroll center 100% transparent; 
    /* Rest of the styles goes here */ 
}

而且，你評論，你也可以嘗試使用background-size屬性與y參數，這意味着垂直尺寸設置爲100%

來源

2013-08-21 04:44:02

這幾乎修好了！它現在覆蓋底部而不是頂部。白色介紹文本不再覆蓋 – ronnz

@ronnz是否將背景大小設置爲「100％」？像'背景大小：100％;'有一個大屏幕，所以不能清楚地重現你的問題 –

，如果你已經發布了一些代碼爲好，但可能是最快的將是更多的幫助方式來解決您的問題將添加以下CSS：

.slider1 { 
    background-size: 100% 100%; 
}

來源

2013-08-21 04:47:36

嘗試刪除從背景屬性repeat-x爲.slider1。這應該會導致背景圖像在默認的x和y中重複。

來源

2013-08-21 04:58:30

背景停止在div底部之前

回答

相關問題