我问了一个问题内容很少的 CSS 渐变 https://stackoverflow.com/questions/4873150/css-gradients-with-little-content前段时间
我想出了一个可能的解决办法http://jsfiddle.net/aruUS/2/ http://jsfiddle.net/aruUS/2/
html, body { min-height: 100% }
body {
background: -moz-linear-gradient(top, blue, red 200px);
background: -webkit-gradient(linear, 0 0, 0 200px, from(blue), to(red));
}
只有 Firefox 部分有效，看来 webkit 只支持颜色停止的百分比？无论如何要让这项工作成功吗？
只需删除px from 200px。在 Webkit 的渐变语法中，像素值是无单位的。 IE。
background: -webkit-gradient(linear, 0 0, 0 200, from(blue), to(red));
请参阅 Surfin' Safari 博客CSS 渐变简介 http://webkit.org/blog/175/introducing-css-gradients/:
点是一对以空格分隔的值。该语法支持数字、百分比或关键字 top、bottom、left 和 right 来表示点值。
Numbers没有单位，而不是lengths，这做，根据 CSS 规范 http://www.w3.org/TR/CSS2/syndata.html#values.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
