绝对定位div内的SVG不显示

时间:2013-09-20 20:50:18

标签: html google-chrome firefox svg absolute

这适用于Firefox,但不适用于Chrome。我希望有人可以解决问题。 我需要内部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>

1 个答案:

答案 0 :(得分:2)

给SVG一个宽度和高度。

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

或实际上任何大于40的值都会

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