我有一个跨浏览器的 CSS 渐变，如下所示：
#background {
background: #1E5799; /* old browsers */
background: -moz-linear-gradient(top, #002c5a 0%, #79d6f4 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002c5a), color-stop(100%,#79d6f4)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c5a', endColorstr='#79d6f4',GradientType=0 ); /* ie */
}
但我需要它跨越整个页面的高度，而不仅仅是视口。换句话说，我需要将样式应用到与整个页面具有相同高度的元素，通常是body or html.
进一步的并发症：我也在使用粘页脚 http://ryanfait.com/sticky-footer/，这需要html and body设置为 100% 高度。因此，将样式应用于它们只会导致视口被填充。
我什至不确定我所要求的是否可能，但任何帮助将不胜感激。
html body {
min-height: 100%;
}
它会成功的，min-height即使页面可滚动，属性也会跨越总高度，但 height 属性将活动视口的高度设置为 100%。
这适用于跨浏览器！
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
