ashkydI've noticed when trying to use multiple backgrounds with a fallback for older browsers, the multiple background url(s) are being stripped.
Take the following, for instance:
<br />
.test{<br />
/* Fallback for older browsers */<br />
background: black url(myfile.png) no-repeat left top fixed;</p>
<p> /* Newer, CSS3 browsers */<br />
background:<br />
url(fancybackground.png) repeat-x,<br />
url(myfile.png) no-repeat left top fixed,<br />
black;<br />
}<br />
Once processed by wordpress.com, it ends up as:
<br />
.test {<br />
background:black url('myfile.png') no-repeat left top fixed;<br />
background:repeat-x, no-repeat left top fixed, black;<br />
}<br />
The outputted code results in the desired fallback behaviour for older browsers, but a plain black background with no image at all in modern browsers. It's a bit annoying.
There is a workaround, and that is to specify the fallback as longhand:
<br />
.test{<br />
/* Fallback for older browsers */<br />
background-color:black;<br />
background-image: url(myfile.png);<br />
background-repeat: no-repeat;<br />
background-position: left top;<br />
background-attachment: fixed;</p>
<p> /* Newer, CSS3 browsers */<br />
background:<br />
url(fancybackground.png) repeat-x,<br />
url(myfile.png) no-repeat left top fixed,<br />
black;<br />
}<br />
It would still be nice if this could be resolved in the next version of the CSS parsing whatsit. :)
timethief
designsimply