Home  >  Article  >  Web Front-end  >  CSS怎样实现背景颜色渐变_html/css_WEB-ITnose

CSS怎样实现背景颜色渐变_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 09:43:261876browse

CSS 背景色渐变

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


不要用图片做成的,我要单纯的代码。

回复讨论(解决方案)

background-image:-moz-linear-gradient(
  [||],
  开始颜色值,
  结束颜色值,
  [(停靠颜色值,偏移量百分数),...]
);
LZ可以去看下CSS3颜色渐变的文章

css3 里面有新的属性支持背景渐变  但是不兼容 对于IE来说就不行  火狐可以  我建议你用图片 代替 

background-image:-moz-linear-gradient(
  [||],
  开始颜色值,
  结束颜色值,
  [(停靠颜色值,偏移量百分数),...]
);
LZ可以去看下CSS3颜色渐变的文章
这个可行,但是一些版本较低的浏览器上是不行的,lz百度一下js中的滤镜(filter),这个可以对实现隐隐,投影、扭曲、褶皱等效果。

.loginBg{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#136a85,endColorStr=#2fc4e5)


你试试这个呢
css的名字你改一下,开始和结束颜色改成你需要的

如果解决到你的问题的话,给点分嘛,谢谢!
也麻烦大家看看我的问题:
http://bbs.csdn.net/topics/390438740?page=1#post-394318033
帮帮忙

css3比较好做哈,可是现在有些浏览器还不兼容

兜了一大圈,因为有些浏览器不兼容,还是得用回图片替换啊。谢谢各位了。

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn