将SVG放在html元素上

Question

我正在使用SVG获取某些图表。但我有svg弹出窗口的问题。正如你在图片上看到的html div（绿色条）重叠黑色弹出窗口。有没有办法将svg放在html元素上（在我的情况下在绿色栏上）？

---

在ie9同一页面上没问题。

Answer 1

此处的问题并不适用于SVG。它与元素定位有关。任何定位元素（位置：绝对，位置：相对）都显示在任何未定位元素的前面。

＆＃13;

＆＃13;

.box{ width: 200px; height: 200px; }

.blue{
  background-color: blue;
  position: absolute;
  
}
.red{
  background-color: red;
  //position: relative; /*see what happens when you remove this*/
}

＆＃13;

<div class="box blue">
</div>

<div class="box red">
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

当然可以将SVG放在HTML元素（see this example）上。

我担心因防火墙而无法看到您的图像:(