2013-12-17 34 views
0

我不能爲我的生活得到這個工作。我的漸變和拼貼一起到頁面的底部,但是當我進一步滾動時,它們不會繼續。我在這裏搜索了這個問題,但找不到解決方案,所以我也不是最好的編碼器。CSS漸變和背景拼接在一起並不能覆蓋頁面的全部高度

該網站可以在這裏看到訪問代碼:000 http://richlandgaming.qsandbox.com/

預先感謝您!

body { 
min-height: 100%; 
color: #ffffff; 
background: #242424; 
background-image: url("/wp-content/uploads/2013/11/bg-tile.png"); /* fallback */ 
background-image: url("/wp-content/uploads/2013/11/bg-tile.png"), -webkit-gradient(linear, left top, left bottom, from(#242424), to(#000000)); /* Saf4+, Chrome */ 
background-image: url("/wp-content/uploads/2013/11/bg-tile.png"), -webkit-linear-gradient(top, #242424, #000000); /* Chrome 10+, Saf5.1+ */ 
background-image: url("/wp-content/uploads/2013/11/bg-tile.png"), -moz-linear-gradient(top, #242424, #000000); /* FF3.6+ */ 
background-image: url("/wp-content/uploads/2013/11/bg-tile.png"),  -ms-linear-gradient(top, #242424, #000000); /* IE10 */ 
background-image: url("/wp-content/uploads/2013/11/bg-tile.png"),  -o-linear-gradient(top, #242424, #000000); /* Opera 11.10+ */ 
background-image: url("/wp-content/uploads/2013/11/bg-tile.png"),   linear-gradient(top, #242424, #000000); /* W3C */ 
} 

回答

0

html元素都有一個固定的高度設置爲100% - 移除應該解決您的問題。

它在您的style.css的行121中定義。

+0

我不能編輯style.css因爲我使用的是wordpress,我只能通過寫出比!important更重要的東西在外觀/主題選項/ CSS樣式中忽略它。我能寫什麼來壓制固定的高度? –

+0

html {height:auto!important;} –

+0

感謝hugo,我更新了代碼,但是現在它在水平和垂直縮放瀏覽器窗口時出現了一些奇怪的結果。網站鏈接在上面。你可以看一下嗎? –