Parsing background shorthand

Spec ( http://www.w3.org/TR/css3-background/#the-background ) gives few  
examples for background shorthand that do not work in neither Opera,  
Firefox or Chrome:

40% url("chess.png") / 10em gray round fixed border-box
#CCC top left url("metal.jpg") / 100% auto no-repeat

Syntax of shorthand is defined as:

<final-bg-layer> = <bg-image> || <bg-position> [ / <bg-size> ]? ||  
<repeat-style> || <attachment> || <box>{1,2} || <'background-color'>

Both of these examples have bg-position placed before bg-image and then  
only after bg-image they specify "/ bg-size". That looks wrong to me (and  
to tested browsers).

If I move bg-position to be located before "/ bg-size" then it works in  
Opera but still doesn't work in Chrome and Firefox.

Are we dealing with bad examples + incomplete implementations or I'm doing  
something wrong?

-- 
Rafał Chłodnicki
Core QA, Opera Software ASA

Received on Tuesday, 1 February 2011 12:32:22 UTC