Question

好的，所以我想弄清楚为什么在我的一个测试页面上，利用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进行诊断，但似乎无法弄清楚发生了什么？

Answer 1

据我所知，如果您使用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标签的样式属性希望这对你有用：）

css3径向渐变和html5样板模板

1 个答案: