css背景颜色渐变

浏览数：233 / 时间：2015年06月09日

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 背景颜色渐变 css 背景颜色渐变

相关文章

随机文章

您可能还喜欢

您可能还喜欢