- 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>
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 UTC