Re: [CSS21][css-images] Default object size of replaced elements from Lev Solntsev on 2014-01-22 (www-style@w3.org from January 2014)

From: Lev Solntsev <greli@mail.ru>
Date: Thu, 23 Jan 2014 00:30:25 +0400
To: "Simon Sapin" <simon.sapin@exyr.org>
Cc: www-style@w3.org
Message-ID: <op.w93u8zgs39dhqv@lev-pc>

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