首页 >web前端 >html教程 >css背景颜色渐变_html/css_WEB-ITnose

css背景颜色渐变_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:51:561823浏览

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博客地址: 





声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn