CSS3徑向背景，有沒有作弊？

  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徑向背景，有沒有作弊？

來源

2012-03-07 Thew

對我的作品。有什麼問題？ – Manish 2012-03-07 21:15:41

我希望它是一個固定的背景。 – Thew 2012-03-07 21:16:12

設置background-attachment到fixed：

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

來源

2012-03-07 21:21:04 Manish

謝謝！那做了這個工作。 – Thew 2012-03-07 21:26:46

CSS3徑向背景，有沒有作弊？

回答

相關問題