2012-03-07 9 views
0
  background: #008080; /* Old browsers */ 
      background: -moz-radial-gradient(center, ellipse cover, #008080 0%, #0896a5 100%); /* FF3.6+ */ 
      background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#008080), color-stop(100%,#0896a5)); /* Chrome,Safari4+ */ 
      background: -webkit-radial-gradient(center, ellipse cover, #008080 0%,#0896a5 100%); /* Chrome10+,Safari5.1+ */ 
      background: -o-radial-gradient(center, ellipse cover, #008080 0%,#0896a5 100%); /* Opera 12+ */ 
      background: -ms-radial-gradient(center, ellipse cover, #008080 0%,#0896a5 100%); /* IE10+ */ 
      background: radial-gradient(center, ellipse cover, #008080 0%,#0896a5 100%); /* W3C */ 
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008080', endColorstr='#0896a5',GradientType=1); /* IE6-9 fallback on horizontal gradient */ 

私は自分のウェブページの背景として、これをしたいが、それは私はそうのよう*に100%の幅と高さを追加それまでは動作していないよう:私のページの残りの部分をアップ* { width: 100%; height: 100%; }が、その意志の混乱。だから、まだこの効果を得るためのカンニングがありますか?CSS3の放射状の背景は、それのための不正行為はありますか?

+0

作品。どうしたの? – Manish

+0

私はそれを固定された背景にしたい。 – Thew

答えて

2

設定background-attachmentfixedへ:私のため

background: radial-gradient(cover, #008080 0%, #0896a5 100%) fixed; 
+0

ありがとう!それは仕事をした。 – Thew

関連する問題