css3 radial gradient and html5 boilerplate template
Ok, so i am trying to figure out why on one of my test pages, that utilizes the html5 boilerplate template... that the css3 radial gradient isnt working for a body background...??
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开发者_StackOverflow中文版 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/
I have been using FireBug to diagnose, but cant seem to figure out what is happening??
As far as I know if you are using IE by any chance css may not work at all. Use mozilla / chrome latest versions to see the css working. It's working on my side
or if you want to write it in a class then write like this
Code :
`<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>`
or write in style attribute of body tag hope this will work for you :)
加载中,请稍侯......
精彩评论