Question

我有一个简单的HTML页面。我想制作页面渐变的背景。我编写了以下代码，但是从页面顶部到页面底部不是创建从黑到白的单个渐变，浏览器（chrome）正在创建渐变的多个小重复模式。我做错了什么？

<!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>

Answer 1

添加body, html: height: 100%; - 这跨越了整个窗口高度的身体。

Answer 2

需要指定身高或需要一些虚拟内容。那么你的代码工作正常。

private

html中的线性渐变不覆盖整个页面

2 个答案: