On 17/06/2012 9:32 AM, Isabel Santos wrote:
so if I do:
#minuto {background:url(img/bgtopnavPlanoMedio.svg) top right / 100% 100%;}
Ie9 and Opera 11.64 both get it pretty right,
but Google Chrome 0.3.1, Safari 5.1.7
and most notably Firefox 12 all give me the background:#bab9a9;
Philippe has already provided reasons why this is and a possible
solution but this could also be solved by creating a SVG with no
intrinsic size or ratio. Like so.
http://css-class.com/test/svg/ellipse/intrinsic-none.svg
This would allow you to the SVG is possibly more browsers. It will work
in Firefox but WebKit (Safari and Chrome) does have a bug with SVGs with
no intrinsic size or ratio with background-size that are not auto.
I believe you are attempting to use the slash shorthand as a filter for
browsers that don't support it. Maybe wrong. :-)
I'm getting kind of confused, does this mean the new shorthand only applies
to multiple backgrounds?
No. The can be single backgrounds. Here is one test with multiple
background layers that shows the potential of CSS. Working in IE9 and
Opera 11.64.
http://css-class.com/test/css/3/backgrounds/background-slash-shorthand.htm
--
Alan Gresley
http://css-3d.org/
http://css-class.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/
