SVG внутри абсолютно позиционированного div не отображается

Это работает в Firefox, но не в Chrome. Я надеюсь, что у кого-то может быть обход. Мне нужно, чтобы внутренний div был абсолютно расположен (что, по-видимому, вызывает проблему).SVG внутри абсолютно позиционированного div не отображается

http://jsfiddle.net/UK6Lb/

<body> 
    <div style="width: 550px; height: 400px; background-color: rgb(0, 142, 0);"> 
     <div style="position: absolute;"> 
      <svg> 
       <rect width="40" height="40" fill="#666666"></rect> 
      </svg> 
     </div> 
    </div> 
</body>

источник

2013-09-20 user2800679

Похоже, установив высоту и ширину SVG до 100% устраняет эту проблему. – user2800679

, но он ломает Firefox ... – user2800679

Дайте SVG ширину и высоту.

<svg width="40" height="40">

или фактически любое значение больше 40 будет делать

<svg width="400" height="400">

источник

2013-09-21 02:04:45

Я надеялся на решение, которое не требовало бы меня указывать ширину и высоту svg. – user2800679

SVG внутри абсолютно позиционированного div не отображается

ответ

Смежные вопросы