css背景颜色渐变
2014-12-23 18:02
525 查看
1.效果
2.代码
/* 基本色 */ background: #3FB0AC; /* chrome 2+, safari 4+; multiple color stops */ background-image:-webkit-gradient(linear, left top, left bottom, color-stop(1, #3FB0AC), color-stop(1, #C5D7A1)); /* chrome 10+, safari 5.1+ */ background-image: -webkit-linear-gradient(#3FB0AC,#C5D7A1); /* firefox; multiple color stops */ background-image: -moz-linear-gradient(top,#3FB0AC,#C5D7A1,#C5D7A1); /* ie 6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3FB0AC', endColorstr='#C5D7A1'); /* ie8 + */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3FB0AC', endColorstr='#C5D7A1')"; /* ie10 */ background-image: -ms-linear-gradient(#3FB0AC, #C5D7A1); /* opera 11.1 */ background-image: -o-linear-gradient(#3FB0AC, #C5D7A1); /* 标准写法 */ background-image: linear-gradient(#3FB0AC, #C5D7A1);
3.问题
亲测以上方式在firefox31下不可行,求高人给出firefox可行方案我的个人博客:http://blog.caicongyang.com ;
我的个人网站:http://www.caicongyang.com ;
我的CSDN博客地址: http://blog.csdn.net/caicongyang ;
相关文章推荐
- Css背景颜色渐变,j兼容多浏览器 IE6、IE7、IE8、FF、Opera、Chorme、Safari
- 如何使用css实现背景颜色渐变
- CSS 设置背景颜色渐变
- CSS控制图片、表格、背景颜色渐变
- CSS背景颜色渐变
- 用CSS实现表格背景颜色渐变效果
- CSS 背景颜色渐变
- CSS背景颜色渐变
- CSS实现网页背景颜色渐变的效果。
- css控制背景颜色渐变以及浏览器的兼容写法(转载别人的)
- CSS中背景颜色的渐变
- 用CSS实现表格背景颜色渐变效果
- css实现背景颜色渐变效果
- 利用css实现div背景颜色动态渐变
- css控制背景颜色各种渐变(转载)
- 关于css背景颜色的渐变
- Css背景颜色渐变
- CSS实现DIV层背景颜色渐变
- CSS控制网页背景颜色的渐变代码
- CSS实现网页背景颜色渐变的效果(火狐浏览器,IE,)