On 17/09/2014 01:25, Philippe Wittenbergh wrote:
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.
http://www.w3.org/TR/css3-images/#linear-gradients
Given what I read there (4.1.2 Linear Gradient Examples, EXAMPLE 12)
background-image: linear-gradient(#1B91FF 60%, #FEC409 60%, #FEC409 100%);
should work too in any compliant browser. It does work in Fx32 and Chrome37 (so far only tested
locally, and with all other variants turned off to make certain this time) and is not too
difficult to read.
Perhaps I should read the standards more often, but the priority to to find what actually works
cross-browser.
Thanks again,
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/
