Home  >  Article  >  Web Front-end  >  css background color gradient_html/css_WEB-ITnose

css background color gradient_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:51:561808browse

1. Effect


2. Code

        /* 基本色 */	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. Problem

I personally tested that the above method is not feasible under firefox31, please Experts give feasible solutions for firefox



My personal blog: http://blog.caicongyang.com;

My personal website: http://www.caicongyang.com;

My CSDN blog address:





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