Question

I’m not getting a gradient in Chrome, but it works in Safari and Firefox. Here is the code:

.accounts-form #auth-form {
    background: -moz-linear-gradient(#FEFEFE, #F4F4F4) repeat scroll 0 0 #F4F4F4;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    margin: 0;
    padding: 0 0 40px;
}

It’s that background: line that is causing the issue. I have seen other people have the issue with -webkit-gradient, just not -moz-linear-gradient.

Answer 1

Chrome needs a -webkit-gradient; and Chrome 10+ uses a slightly different -webkit-gradient than some earlier versions I believe.

I use this CSS3 gradient generator – whether or not you use the generated code, it gives a good idea of all the properties you will need for each browser.

http://www.colorzilla.com/gradient-editor/