背景线性过渡css

div{
　　background: -webkit-linear-gradient(top, #2073B9, #11538D); /* Safari 5.1 - 6.0 */
　　background: -o-linear-gradient(bottom,  #2073B9, #11538D); /* Opera 11.1 - 12.0 */
　　background: -moz-linear-gradient(bottom, #2073B9,#11538D); /* Firefox 3.6 - 15 */
　　background: linear-gradient(to bottom,  #2073B9 , #11538D); /* 标准的语法（必须放在最后） */
}
注意方向的变化！