Le 17 juin 2012 à 08:32, Isabel Santos a écrit :
> #minuto {background:url(img/bgtopnavPlanoMedio.svg) top right / 100% 100%;}
That is the correct way of writing css3 background-shorthand
>
> Ie9 and Opera 11.64 both get it pretty right,
Yes.
> but Google Chrome 0.3.1, Safari 5.1.7
> and most notably Firefox 12 all give me the background:#bab9a9;
Right. The background-size part is not yet hooked up to the background
shorthand in Firefox. You're looking at this bug:
https://bugzilla.mozilla.org/show_bug.cgi?id=570326
As for Webkit based browsers: Safari 5.1.7 doesn't support it yet (it already
works in nightly builds, so Safari next will support it. It is a pretty recent
addition to the WebKit code; I think Google Chrome 19.x should support it (or
else Chrome 20).
> I'm getting kind of confused, does this mean the new shorthand only applies
> to multiple backgrounds?
No, it works just as well with only one background-layer, it is just that those
browsers haven't implemented it. Yet.
You can do something like this, in addition to the code you have:
@media screen and (-webkit-min-device-pixel-ratio: 1),
screen and (min--moz-device-pixel-ratio: 1) {
E { background: url(path/to/image.svg) top right no repeat;
background-size: 100% 100%; }
}
Philippe
--
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
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/
