背景漸變結束，並不會繼續

我有我的身體元素下的div。它有這樣的背景CSS：背景漸變結束，並不會繼續

-moz-linear-gradient(center top , #000000 0%, #30FF40 400px) repeat scroll 0 0 transparent

我的div裏面有一個數據表（一個jqGrid表）。我想在我的頁面加載後，網格表在我的頁面上獲得一個空間。所以我的漸變背景結束了，我的網頁底部有一個空白（其他網頁沒有數據表是好的）。

我該如何解決這個問題？

編輯：

我的問題是這樣的： enter image description here

PS：

我發現這會導致它。我有一個包含div元素我的數據表：

<div id="cont"> 
... 
</div>

當我打開我的網頁它變得像：

<div id="cont" style="height: 602px;"> 
... 
</div>

我改變了#cont樣式height:auto等，但東西覆蓋它，甚至我寫的內聯CSS定義。它有一個CSS像：

#cont { 
    min-height: 100%; 
    margin: 0 auto; 
    min-width: 960px; 
    max-width: 80%; 
}

任何想法？

來源

2011-09-27 kamaci

更新我的回答，以及:)一些jQuery是運用高度的ID #cont

<style type="text/css"> 
html, body{ margin:0px; padding:0px; background: #fff; min-width:300px/*480px*/; height:100%;} 
.yourClass 
{ 
margin:0; padding:0; display:block; overflow:hidden; 
    background: #444444; background-repeat:repeat; 
    background: -moz-linear-gradient(center top, #8db849, #444444); 
    width:100%; min-height:100%; 
} 
#cont { 
    height:320px;/*Assumed height by Jquery/whaterver, you can remove while real time*/ 
    margin: 0 auto; 
    min-width: 960px; 
    max-width: 80%; 
    background:#0099CC; 
} 
</style> 



<div class="yourClass"> 
    <div id="cont"> 
    ... 
    </div> 
</div>

它爲我，乾杯！

來源

2011-09-27 06:52:04

我編輯了我的問題。 – kamaci

嘗試檢查jqGrid表是否添加了任何位置：絕對的，有時候它會使你的網格內容流出，如果是的話，那麼你需要使用額外的jquery來查找高度，例如var jqGridHeight = $（「＃jqGrid」）並創建div在DOM中並應用這個新的高度，請注意您的新div是在Gradient div內。這又是一次嘗試！ –

-moz-linear-gradient(center top , #000000 0%, #30FF40 100%) repeat scroll 0 0 transparent

如果刪除400像素限制，會發生什麼情況？

來源

2011-09-27 06:05:24

仍然有同樣的問題 – kamaci

我編輯了我的問題。 – kamaci

我已經編輯了我的問題。 – kamaci

好吧，帶了我一下找到這個，但這是你的回答：https://developer.mozilla.org/en/CSS/-moz-linear-gradient。查看「註釋」部分。基本上，這是一個「缺陷」，其中背景默認情況下不會填滿整個容器。

基本上，使用由@Jonas G. Drange建議的編輯（改變的最後一個值至100％），然後添加新的規則的CSS片：

html /*<-- or whatever the container element is */ 
{ 
    min-height:100%; 
}

中提琴。

來源

2011-09-27 06:48:38

仍然有同樣的問題。 – kamaci

我編輯了我的問題。 – kamaci

背景漸變結束，並不會繼續

回答

相關問題