views:

191

answers:

3

For some reason my webkit definition works on chrome but in firefox 3.5.11 I am not seeing my gradient.

html {
  height: 100%;
}
body {
  height: 100%;
  background-repeat: no-repeat;
}
body{
  height:100%;
  background-color: #eaebeb;
  background-image: -moz-linear-gradient(top, #eaebeb, #fff);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eaebeb), to(#fff));
}

I have tried examples on https://developer.mozilla.org/en/using_gradients with no luck.

+1  A: 

It should be background, not background-image.

Skilldrick
+1  A: 

Change background-image to background when using gradients.

derekerdmann
+3  A: 

Ahem

At the top of the page:

Introduced in Gecko 1.9.2 (Firefox 3.6 / Thunderbird 3.1 / Fennec 1.0)

Of course it won't work in Firefox 3.5.

Yi Jiang
@Yi Thanks mate :-) I assumed I had the newest since I'm running fedora 13 here but apparently not on 3.6 yet so I did not even think to check version.
Chris