Chris
Chris

Reputation: 12078

css3 moz-linear-gradient not working

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.

Upvotes: 4

Views: 5793

Answers (3)

Yi Jiang
Yi Jiang

Reputation: 50155

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.

Upvotes: 5

derekerdmann
derekerdmann

Reputation: 18262

Change background-image to background when using gradients.

Upvotes: 2

Skilldrick
Skilldrick

Reputation: 70879

It should be background, not background-image.

Upvotes: 1

Related Questions