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

回答

相关问题