CSS规范中有一些章节提到"传播到视口"; 例如:计算高度.
当"溢出"不计算为"可见"但已传播到视口时,此部分也适用于正常流中的块级非替换元素.
什么样的属性可以传播?它是否与子元素从其父元素继承属性的规则相矛盾?
在IE10中,我试图创建一个css线性渐变,从页面顶部到页面底部.这就是我到目前为止所拥有的
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
</head>
<body>
<meta http-equiv="X-UA-Compatible" content="IE=10">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type='text/javascript' src='./includes/js/jquery-2.0.0.min.js'></script>
<link rel='stylesheet' type='text/css' href='./includes/css/css.css'/>
<p id="title">
Test
</p>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
CSS
body {
margin: 0px;
padding: 0px;
background-image: linear-gradient(to bottom, #dcdcdc 0%, #b0b0b0 100%);
}
#title {
color:red;
}
Run Code Online (Sandbox Code Playgroud)
但它看起来并不像我想要的样子.这最终得到的线性渐变大约是100px的高度,然后不断向下重复.与此图像相似:

有谁知道什么是错的?