W3C home > Mailing lists > Public > www-style@w3.org > May 2011

RE: [css3-images] exactly 2 adjacent colors stops

From: Brian Manthos <brianman@microsoft.com>
Date: Wed, 25 May 2011 20:07:47 +0000
To: Alan Gresley <alan@css-class.com>, "L. David Baron" <dbaron@dbaron.org>
CC: Tab Atkins Jr. <jackalmage@gmail.com>, Philippe Wittenbergh <ph.wittenbergh@l-c-n.com>, www-style list <www-style@w3.org>
Message-ID: <FA122FEC823D524CB516E4E0374D9DCF1FB02037@TK5EX14MBXC136.redmond.corp.microsoft.com>
Alan Gresley:
> Wow, I have waited 3 years for this. There was support for background-size
> in a background shorthand in IE9 preview but then it went bye bye from IE9
> beta.
> 
> http://css-class.com/test/css/3/backgrounds/background-slash-
> shorthand.htm

Incorrect.  IE9 was updated to be compliant with the spec requirements.

Your page doesn't match the spec:
background: url(../images/image3.png) / 60% auto no-repeat, url(../images/image2.png) / 100% auto no-repeat, url(../images/image4.png) top right / 80% auto no-repeat, rgba(20, 20, 255, 0.1);

It should be:
background: url(../images/image3.png) 0% 0% / 60% auto no-repeat, url(../images/image2.png) 0% 0% / 100% auto no-repeat, url(../images/image4.png) top right / 80% auto no-repeat, rgba(20, 20, 255, 0.1);

Specifically you're missing the <bg-position> information.

http://dev.w3.org/csswg/css3-background/#the-background
<bg-layer> = <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box>{1,2}

The <bg-position> information is required if you want to specify <bg-size> in your shorthand value.
Received on Wednesday, 25 May 2011 20:08:17 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:40 GMT