漸變背景CSS頁面的整個高度

我有一個使用漸變像這樣一個網站：漸變背景CSS頁面的整個高度

#grad { 
    background: -webkit-linear-gradient(#87a0b4 80%, #6b88a1); 
    background: -o-linear-gradient(#87a0b4 80%, #6b88a1); 
    background: -moz-linear-gradient(#87a0b4 80%, #6b88a1); 
    background: linear-gradient(#87a0b4 80%, #6b88a1); 
} 

<body id="grad">

我遇到的問題是，如果頁面發生拉伸比我的標準窗口更高（I」 m確定這在不同的屏幕上有所不同）梯度重置。

的問題可以在這裏看到：

http://overactiverexburg.com/Sage/bios.php

我怎樣才能解決這個如此梯度始終在底部結束的頁面多久結束了不管？

來源

2014-07-18 user906357

請包含足夠的代碼來重現錯誤，而不是鏈接到您的網站。 – TylerH

我包含的代碼是用於漸變的所有內容 – user906357

該錯誤無法用該代碼片段重現，因此您需要提供更多代碼。 – TylerH

更換您的容器類，現在看起來是這樣的：

 .container { 
     width: 980px; 
     height: 1000px; 
     }

此

.container { 
    width: 980px; 
    height: 100%; 
}

只需更改高度即可填充100％

來源

2014-07-18 21:19:25

謝謝你，完美的作品！ – user906357

只需使用

background-attachement: fixed;

來源

2014-07-18 20:50:19 Nit

嘗試增加background-attachment: fixed和height: 100%您#grad

來源

2014-07-18 20:51:05 MannfromReno

感謝您的回覆，我添加了兩行代碼並且結果相同 – user906357

請嘗試提供更大的代碼示例，也許可以嘗試JSFiddle，以便我們可以對其進行處理。當我在您的現場網站上編輯Firebug時，如果我已經應用了我的兩個CSS修補程序，我無法重現該問題。 – MannfromReno

對不起，正在處理中，然後得到了答案 – user906357

漸變背景CSS頁面的整個高度

回答

相關問題