css 背景颜色不会显示

Question

我是编程初学者，从我的老师那里得到了这个作业，但即使我按照他告诉我的去做，当我打开页面时颜色也不会显示。

基本上我正在尝试获得渐变背景色，我已将其放入主元素中，但它没有显示。它看起来像这样:

main
/*background-image:url(pics/bg.jpg);    background-repeat:repeat-y; background-color:#FFAA00;*/

#grad {
  background: -webkit-linear-gradient(left, #FFF, #F80);   /*   For Safari  5.1 to  6.0 */
  background: -o-linear-gradient(right, #FFF, #F80);   /*   For Opera   11.1    to  12.0    */
  background: -moz-linear-gradient(right, #FFF, #F80);   /* For Firefox 3.6 to  15  */
  background: linear-gradient(to right, #FFF, #F80);   /*   Standard    syntax  */
}

但即使我只放像 main {background-color: blue;}，背景仍然是白色的。希望得到一些帮助!

Answer 1

对我有用，只需确保正确命名要设置样式的标签(并且它们的高度与提到的其他标签一样):

body {
  background-image:url(pics/bg.jpg); 
  background-repeat:repeat-y; 
  background-color:#FFAA00;
}
  
#grad {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background:-webkit-linear-gradient(left, #FFF,#F80); 
  /* For Safari 5.1 to 6.0 */
 }
  

<div id="grad"></div>