CSS 多箱渐变重启
CSS Gradient Restarting in Multiple Boxes
这是我的 jsfiddle link。
http://jsfiddle.net/inthenameofmusik/ddto077m/5/
渐变在它看起来的每个框或元素中一遍又一遍地重新开始。我不确定我的 CSS 出了什么问题。任何帮助表示赞赏。
body {
background: linear-gradient(#1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* W3C */
}
我确定这是一个简单的修复，对于 CSS 这个问题的初学者，我们深表歉意。
您需要在样式中添加 html, body {height:100%;} 以强制浏览器以全高呈现 html parent 标签。目前它的渲染高度只有大约 100 像素，并且 body 背景在重复。
这是我的 jsfiddle link。 http://jsfiddle.net/inthenameofmusik/ddto077m/5/
渐变在它看起来的每个框或元素中一遍又一遍地重新开始。我不确定我的 CSS 出了什么问题。任何帮助表示赞赏。
body {
background: linear-gradient(#1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* W3C */
}
我确定这是一个简单的修复，对于 CSS 这个问题的初学者，我们深表歉意。
您需要在样式中添加 html, body {height:100%;} 以强制浏览器以全高呈现 html parent 标签。目前它的渲染高度只有大约 100 像素，并且 body 背景在重复。