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>