我有一个跨浏览器的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或html.
进一步的并发症：
我也使用了sticky footer,这要求html和body设置为100％的高度.因此,将样式应用于它们将导致只有视口被填充.
我甚至不知道我问的是可能的,但任何帮助将不胜感激.
