html中的線性漸變不覆蓋整個頁面

我有一個簡單的HTML頁面。我想製作頁面漸變的背景。我已經編寫了下面的代碼，但不是從頁面頂部到頁面底部創建從黑色到白色的單個漸變，瀏覽器（鑲邊）正在創建漸變的多個小重複模式。我究竟做錯了什麼？html中的線性漸變不覆蓋整個頁面

<!DOCTYPE html> 
<html lang="en" xmlns:font-variant="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta charset="UTF-8"> 
    <title>HTML Test</title> 
    <style type="text/css" media="screen"> 
     body{ 
     background-color:#000000; 
     background-image:linear-gradient(#000000,#ffffff); 
     } 
    </style> 
</head> 
<body> 


</body> 
</html>

來源

2017-01-28 Manu Chadha

剛發現答案已經在這裏提供-http：//stackoverflow.com/questions/16841323/making-gradient-background-fill-page-with-css –

add body, html: height: 100%; - 這橫跨整個窗口高度身體。

來源

2017-01-28 16:55:01 Johannes

需要指定身高或需要一些虛擬內容。那麼你的代碼工作正常。

<style type="text/css" media="screen"> 
    body{ 
    background-color:#000000; 
    background-image:linear-gradient(#000000,#ffffff); 
    height:700px; 
    } 
</style>

來源

2017-01-28 17:01:19

html中的線性漸變不覆蓋整個頁面

回答

相關問題