css背景颜色不会显示

时间:2016-10-17 15:13:45

标签: css html5

我是编程的初学者,并从我的老师那里得到了这个任务,但即使按照他的说法我也会这样做,当我打开页面时,颜色不会显示出来。

基本上我试图获得渐变背景颜色,我已将其放在主要元素中,但它并没有显示出来。它看起来像这样:

VIQMEL

但即使我只是像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 */ } 那样,背景仍然是白色的。会爱一些帮助!

1 个答案:

答案 0 :(得分:0)

对我有用,只要确保你正确命名你正在造型的标签(并且它们的高度与其他提到的一样):

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>