RE: [css3-background] background-size and zero length

For the sample below, here’s what I’m seeing:

-          Firefox: no image.

-          Opera: 6 images, some partial.

-          Safari: 1 partial image.

-          IE8: no support for background-size; 4 partial images.

<html><head><style>
div
{
        background: url(http://www.microsoft.com/favicon.ico) 5px 5px;
        background-color:aqua;
        background-size: 0px 20px;
        -moz-background-size: 0px 20px;
        -o-background-size: 0px 20px;
        -webkit-background-size: 0px 20px;
        background-repeat:round;
        -moz-background-repeat:round;
        -o-background-repeat:round;
        -webkit-background-repeat:round;
        width:12px;
        height:17px;
}
</style></head>
<body><div></div></body>
</html>


Side-note:
For values below 0.00833333331px, Firefox continues to show no image.  For values above that, the image starts appearing.
More fun with near-zero values in the land of interoperable browsing challenges.

Thanks for the clarification,
-Brian

From: Brad Kemper [mailto:brad.kemper@gmail.com]
Sent: Tuesday, May 11, 2010 10:37 AM
To: Brian Manthos
Cc: www-style@w3.org
Subject: Re: [css3-background] background-size and zero length

I've never been too thrilled with the wording of that sentence, but I read it as:

x = width of image after step one;
if (x != 0) {
            round to integer greater than zero;
}

Since there was no "else" clause, I took it to mean that no rounding should take place otherwise. That is also what seems most sensible (to me).

I'm curious about what the 3 renderings are, but too pressed for time to try to check it out myself right now.

Received on Tuesday, 11 May 2010 17:50:10 UTC