css3的linear-gradient

background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 1%, red 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fefefe), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  green 1%,red 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 1%,#f1f1f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 1%,#f1f1f1 100%); /* IE10+ */
background: linear-gradient(top,  #fefefe 1%,#f1f1f1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=‘#fefefe‘, endColorstr=‘#f1f1f1‘,GradientType=0 ); /* IE6-9 */

reference http://www.w3cplus.com/content/css3-gradient

css3的linear-gradient

原文：http://www.cnblogs.com/wz0107/p/4807961.html