svg里写入html标签,如何将HTML元素放在内联SVG上

我可以使用z-index以各种顺序将各种

HTML元素放在彼此之上,除了内联SVG中的一个元素.例如,给定HTML

Text before SVG. I'm some boring text. Such incredibly boring text. Who would possibly want to read such boring text?

SVG before text. I'm some boring text. Such incredibly boring text. Who would possibly want to read such boring text?

和匹配的CSS

p {

width: 200px;

z-index:10;

}

div {

position: relative;

}

svg {

position: absolute;

left: 0;

top: 0;

z-index: 1;

}

无论我如何订购这两个或调整z-index,内联SVG都会在文本的顶部呈现.我如何获得文本背后的SVG？

如果它是相关的,在我的实际应用程序中,我在jQuery的帮助下生成几乎所有的Javascript文档结构,包括内联SVG和我希望在它前面的HTML块.