CSS: why does this css rule not work in google Chrome

b开发者_如何转开发ackground-image: -webkit-linear-gradient(red, green, blue);

I just want my page looks same in Chrome, while some element is styled by a IE filter:

filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#88888888,endColorstr=#88CCCCCC);

I suppose you need -webkit-gradient. To make as your ie filter you need to use the following:

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888), color-stop(100%,#88C)); 

Do you have the latest nightly developer build?

http://blogs.sitepoint.com/2011/01/18/webkit-updates-css3-gradient-support-matches-mozilla-syntax/

-webkit-linear-gradient works on Chrome 10+