2012-03-10 23 views
0

私は自分のスタイルシートにCSSグラデーションを持っています。私が持っている問題は、色が#FFFFFFから#EBEBEBになるということですが、ページに多くのコンテンツがあり、それを下にスクロールすると、ページがさらに下になり、#EBEBEBになるはずです。以下はCSSのグラデーションが停止し、繰り返す

コードです:

body { 
    /* Safari 4-5, Chrome 1-9 */ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EBEBEB)); 

    /* Safari 5.1, Chrome 10+ */ 
    background: -webkit-linear-gradient(top, #FFFFFF, #EBEBEB); 

    /* Firefox 3.6+ */ 
    background: -moz-linear-gradient(top, #FFFFFF, #EBEBEB); 

    /* IE 10 */ 
    background: -ms-linear-gradient(top, #FFFFFF, #EBEBEB); 

    /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #FFFFFF, #EBEBEB); 
} 

誰も私を助けることができます。

ありがとうございました。

+0

どのブラウザではこれを見ていますか?私はFF10で再現できません。これを再現するためにpxの最小ページ高は何ですか? –

答えて

3

はおそらく、このことができます:no-repeat

html { 
    background-color: #EBEBEB; 
}  
body { 
    /* fallback */ 
    background-color: #EBEBEB; 

    /* Safari 4-5, Chrome 1-9 */ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EBEBEB)) no-repeat; 

    /* Safari 5.1, Chrome 10+ */ 
    background: -webkit-linear-gradient(top, #FFFFFF, #EBEBEB) no-repeat; 

    /* Firefox 3.6+ */ 
    background: -moz-linear-gradient(top, #FFFFFF, #EBEBEB) no-repeat; 

    /* IE 10 */ 
    background: -ms-linear-gradient(top, #FFFFFF, #EBEBEB) no-repeat; 

    /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #FFFFFF, #EBEBEB) no-repeat; 
}​ 
+0

私はno repeatを試してみましたが、何もしなかったし、htmlの背景色を追加すると私のウェブサイトのさまざまな面が変わります。 – jameswildi

+0

私はここで例を作りました:http://jsfiddle.net/fB9Wk/私のコンピュータでは繰り返しません。おそらくあなたは混乱を招く追加のCSSを持っているでしょう。あなたはURLを持っていますか? – HerrSerker

+0

ありがとうございました。私はlocalhost上で実行しているURLを持っていない。病気は物事で遊んでいる。 – jameswildi

関連する問題