渐变

div{ width:200px; height:200px; border:1px solid #333;
    background:-moz-linear-gradient(top, red, yellow);
    background:-webkit-linear-gradient(top,red , yellow);
    background:-ms-linear-gradient(top, red, yellow);
    background:linear-gradient(top, red, yellow);      /*以后浏览器升级，不用加前缀*/
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=red, endColorstr=yellow)";  /*滤镜方法，兼容IE9,IE8*/
    +background:#f9f9f9;   /*IE6,7不管，给一个背景即可*/
}