渐变

1. .gradient { 2. /* Firefox 3.6 */ 3. background-image: -moz-linear-gradient(top, #81a8cb, #4477a1); 4. 5. /* Safari & Chrome */ 6. background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #4477a1),color-stop(1, #81a8cb)); 7. 8. /* IE6 & IE7 */ 9. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1'); 10. 11. /* IE8 */ 12. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1')"; 13. }

 

相关资料:

 

http://sky-uck.javaeye.com/blog/639959