首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >css3径向梯度与html5模板

css3径向梯度与html5模板
EN

Stack Overflow用户
提问于 2011-08-26 21:33:37
回答 1查看 656关注 0票数 1

好的,所以我试图找出为什么在我的一个测试页面上,使用html5样板模板.css3径向梯度不适用于身体背景.??

代码语言:javascript
复制
   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来诊断,但似乎不知道发生了什么??

EN

回答 1

Stack Overflow用户

发布于 2013-03-06 06:19:15

据我所知,如果你使用IE,

  1. 可能根本不起作用。使用mozilla / chrome最新版本查看css是否正常工作。它在我这一边工作,
  2. ,或者如果您想在类中编写它,那么编写如下

代码:

代码语言:javascript
复制
`<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标记的样式属性中,希望这对您有用:)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7210782

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档