On 22/12/2010 11:30 PM, Philippe Wittenbergh wrote:
On Dec 22, 2010, at 4:42 PM, Alan Gresley wrote:
As far as the CSS 3 backgrounds and borders module is concerned,
Gecko 2.0 (Fx 4b), Presto (Opera 11), Trident (IE 9) and WebKit
(Chrome 8, Safari 5) have implemented support for all listed
properties
[snip]
This is not quite true.
What exactly is not true in what I wrote ?
Sorry, reading above, you did say properties. So you are correct. The
slash "/" in background shorthand is actually syntax.
[snip]
<http://css-class.com/test/css/3/demo1.htm>
The above is not valid according to the CSS3 validator.
It all seems very valid to me, per the CSS3 module, I know the
validator has issues with the '/' syntax (both for border-image and
background-shorthand. Yves Lafon (validator maintainer) has posted
several times to www-style on the subject.
Yes, how to parse this *background: / ;* without the parser choking.
Only IE9 beta that I know of supports the slash "/" in a background
string. A simplified test which does validate as CSS3 according to
the CSS validator [1].
<http://css-class.com/test/temp/test-slash.htm>
Only IE9 beta, Opera 11 and WebKit (Safari 5) support
background-size un-prefixed (the second of the test).
So does Gecko 2.0 b
As I suspected. Thank you for the check.
Only IE9 beta allows the slash in a background string like below
(the first of the test). I would please appreciate a check in Gecko
2 (FF 4) for the above test.
Gecko 2.0b doesn't fully support the CSS3 background shorthand. (in
my earlier mail, I was wrong about Opera 11 supporting it, I was
looking at the wrong test).
So it's seem that IE9 has really jumped the gun. Possibly with the
greatest shock to web designers and developers. I have updated the test
to include border-radius with a slash "?" syntax.
<http://css-class.com/test/temp/test-slash.htm>
The create an oval border. I did this once with Firefox with there
earlier implementation of border-radius before they changed it.
Philippe --- Philippe Wittenbergh http://l-c-n.com/
For those who are wondering how the slash "/" syntax relates to vender
prefixes. For such syntax to work, some or all properties must first be
supported un-prefixed (background-size or background-origin). Using the
slash "/" syntax makes it easier to feed CSS3 background and properties
to browsers that support such CSS and give the other browsers that don't
support such CSS3 properties an alternative background. Like so.
background: url(image-older-browser.png);
background: url(light-blue-swirl.png) / auto;
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
css-discuss [cs...@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/
