On 17/09/2014 01:25, Philippe Wittenbergh wrote:
Do you happen to have a -moz- prefixed rule as well? Check the developer tools
in Firefox, it
will almost certainly show you that it uses the prefixed one, not the
un-prefixed, standard
one.
You're right, I've always had a -moz- prefixed rule as well.
Your error in the standard syntax is in the direction keyword. The correct
syntax requires a
“TO” (or in your case, a top-to-bottom gradient, you can omit the direction
keyword
altogether, as top-to-bottom is the default). So the correct syntax is:
background-image: linear-gradient(to bottom, #1B91FF 60%, #FEC409 60%, #FEC409
100%);
That works in IE 10+, Firefox 24+, Safari 6.1+, bink based browsers.
I've not yet got that far in my testing, but it certainly works in Fx32.
http://www.w3.org/TR/css3-images/#linear-gradients
(yeah, the evolution of that syntax for gradients has been a complete mess, and
ended in
something more complicated and harder to read than should be)
The prefixed versions are certainly simpler to read. In the standard syntax the use of 'to
bottom' invites the question 'where from ?'. But this is code, not English.
Thanks for your help.
Tim
--
Tim Dawson
Maolbhuidhe
Fionnphort
Isle of Mull PA66 6BP
01681 700718
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
