css - css3径向渐变和html5样板模板

好的，所以我试图找出为什么在我的测试页之一中使用html5样板模板... css3径向渐变不适用于人体背景...？

   body {
    background-color:#c6c1b8;

background-image: -moz-radial-gradient(50% 150%, ellipse closest-side, #c6c1b8 33%,#949089 97%);

background-image: -webkit-radial-gradient(50% 150%, ellipse closest-side, #c6c1b8 33%,#949089 97%);

background-image: -o-radial-gradient(50% 150%, ellipse closest-side, #c6c1b8 33%,#949089 97%);

background-image: -ms-radial-gradient(50% 150%, ellipse closest-side, #c6c1b8 33%,#949089 97%);

background-image: radial-gradient(50% 150%, ellipse closest-side, #c6c1b8 33%,#949089 97%)
}

http://jiujitsuboise.com/2012-Redesign/

我一直在使用FireBug进行诊断，但似乎无法弄清楚发生了什么？？

最佳答案

据我所知，如果您正在使用IE，CSS可能根本无法工作。使用最新版本的mozilla / chrome查看CSS的工作原理。它在我这边工作
或者如果您想在一个类中编写它，则可以这样编写

代码：

`<style type="text/css">
body
{
   background-color:#c6c1b8;
   background-image: -moz-radial-gradient(50% 150%, ellipse closest-side, #c6c1b8 33%,#949089 97%);
   background-image: -webkit-radial-gradient(50% 150%, ellipse closest-side, #c6c1b8 33%,#949089 97%);
   background-image: -o-radial-gradient(50% 150%, ellipse closest-side, #c6c1b8 33%,#949089 97%);
   background-image: -ms-radial-gradient(50% 150%, ellipse closest-side, #c6c1b8 33%,#949089 97%);
   background-image: radial-gradient(50% 150%, ellipse closest-side, #c6c1b8 33%,#949089 97%)
}</style> <body style=""> </body>`

或在body标签的style属性中写入
希望这对您有用:)

关于css - css3径向渐变和html5样板模板，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7210782/