1. Effects
2. Code
/* Basic color */background: #3FB0AC;/* chrome, Safari 4+; Multiple color stops */background-image:-webkit-gradient (linear, left top, left Bottom, color-stop (1, #3FB0AC), Color-stop (1, #C5D7A1));/* chrome + +, 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:d XImageTransform.Microsoft.gradient (startcolorstr= ' #3FB0AC ', endcolorstr= ' #C5D7A1 ');/* IE8 + */-ms-filter: "Progid:d XImageTransform.Microsoft.gradient (startcolorstr= ' #3FB0AC ', endcolorstr= ' #C5D7A1 ');/* Ie10 */background-image:- Ms-linear-gradient (#3FB0AC, #C5D7A1);/* Opera 11.1 */background-image:-o-linear-gradient (#3FB0AC, #C5D7A1);/* Standard notation */ Background-image:linear-gradient (#3FB0AC, #C5D7A1);
3. Questions
Pro-Test the above way in the firefox31 can not be done, to find out the Firefox feasible solution
My personal blog: http://blog.caicongyang.com;
my personal website:http://www.caicongyang.com ;
My csdn blog address: Http://blog.csdn.net/caicongyang;
CSS background color gradient