Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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.

like image 361
Chris Avatar asked Feb 26 '23 11:02

Chris


2 Answers

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.

like image 153
Yi Jiang Avatar answered Mar 05 '23 17:03

Yi Jiang


Change background-image to background when using gradients.

like image 34
derekerdmann Avatar answered Mar 05 '23 16:03

derekerdmann