css3径向渐变和html5样板模板_Css

css3径向渐变和html5样板模板

css

css3径向渐变和html5样板模板,css,Css,好的，所以我试图找出为什么在我的一个测试页面上，使用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%, elli

好的，所以我试图找出为什么在我的一个测试页面上，使用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%)
}

我一直在使用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>`

`
身体
{
背景色：#c6c1b8；
背景图像：-莫兹径向梯度（50%150%，椭圆最近边，#c6c1b8 33%，#949089 97%）；
背景图像：-webkit径向梯度（50%150%，椭圆最近边，#c6c1b8 33%，#949089 97%）；
背景图像：-o-径向梯度（50%150%，椭圆最近边，#c6c1b8 33%，#949089 97%）；
背景图像：-ms径向梯度（50%150%，椭圆最近侧，#c6c1b8 33%，#949089 97%）；
背景图像：径向梯度（50%150%，椭圆最近边，#c6c1b8 33%，#949089 97%）
}  `

或写入body标记的样式属性

希望这对你有用：）

你的链接不会出现任何问题，我也有同样的问题。我所做的只是从一个新的样板开始，添加渐变css。wtf'ing@myselfi删除了html5样板文件随附的样式表，渐变正在渲染，但不正确地指出主体需要有内容才能渲染