背景色渐变（兼容各浏览器）

.content
{
width:100%;
height:600px;
background: #179aac;
background: -moz-linear-gradient(top, #179aac 0%, #19bea0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#179aac), color-stop(100%,#19bea0));
background: -webkit-linear-gradient(top, #179aac 0%,#19bea0 100%);
background: -o-linear-gradient(top, #179aac 0%,#19bea0 100%);
background: -ms-linear-gradient(top, #179aac 0%,#19bea0 100%);
background: linear-gradient(to bottom, #179aac 0%,#19bea0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=‘#179aac‘, endColorstr=‘#19bea0‘,GradientType=0 );
}
:root .content{filter:none;}

背景色渐变（兼容各浏览器）

原文：http://www.cnblogs.com/hyql/p/5063254.html