日期:2014-05-17  浏览次数:20756 次

CSS怎样实现背景颜色渐变
哪位能给个CSS代码,能实现网页背景或者DIV背景颜色径向渐变的,如图这样


不要用图片做成的,我要单纯的代码。
CSS 背景色渐变

------解决方案--------------------
background-image:-moz-linear-gradient(
  [<point>
------解决方案--------------------
<angle>],
  开始颜色值,
  结束颜色值,
  [(停靠颜色值,偏移量百分数),...]
);
LZ可以去看下CSS3颜色渐变的文章
------解决方案--------------------
css3 里面有新的属性支持背景渐变  但是不兼容 对于IE来说就不行  火狐可以  我建议你用图片 代替 
------解决方案--------------------
引用:
background-image:-moz-linear-gradient(
  [<point>
------解决方案--------------------
<angle>],
  开始颜色值,
  结束颜色值,
  [(停靠颜色值,偏移量百分数),...]
);
LZ可以去看下CSS3颜色渐变的文章

这个可行,但是一些版本较低的浏览器上是不行的,lz百度一下js中的滤镜(filter),这个可以对实现隐隐,投影、扭曲、褶皱等效果。
------解决方案--------------------
.loginBg{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#136a85,endColorStr=#2fc4e5)


你试试这个呢
css的名字你改一下,开始和结束颜色改成你需要的
------解决方案--------------------
css3比较好做哈,可是现在有些浏览器还不兼容