Re: [CSS21][css-images] Default object size of replaced elements

Simon Sapin <simon.sapin@exyr.org> wrote Thu, 23 Jan 2014 00:18:21 +0400:

> [snip]
> The rectangle does not show up at all in IE11, but I don’t know to to  
> fix the test case for this.

Just encodeURI it:

body:after {
   content: url('data:image/svg+xml,\
     %3Csvg xmlns=%22http://www.w3.org/2000/svg%22%3E\
         %3Crect width=%22100%25%22 height=%22100%25%22/%3E\
     %3C/svg%3E
   ');
}

FWIW, it has 100% width and 150px height, and 300px if intristic width is  
applied (such as inline-block or float).

Received on Wednesday, 22 January 2014 20:30:58 UTC