0

如何使 SVG 线条出现在 CSS 样式元素的顶部。因此，在我的 html 文件中，我使用 d3 在 javascript 中创建了一个 svg 白色背景。最重要的是，我放入了这些 css 风格化的矩形，然后在那些我想放置 svg 线的顶部，这些线也是在 javascript 中创建的，通过 svg 矩形。问题是线条不断出现在 css 矩形后面。有什么建议么？我使用 d3 创建白色背景，如下所示：

var vizSVG = d3.select("#viz")
                    .append("svg:svg")
                    .attr("width",page_width)
                    .attr("height",page_height)

我在 html 样式元素中创建 css 矩形，如下所示：

<style>
                rectangle{
                    border-radius: 8px;
                    width:20%;
                    height:32px;
                    text-indent:10px;
                    padding-top:20px;
                    padding-left:12px;
                    font-family: Courier, Bold, sans-serif;
                    font-size: 13px;
                    display: block;
                    }
</style>

最后，我还想使用 d3 添加 svg 行，如下所示：

vizSVG.append("line")
    .attr("x1",0)
    .attr("y1",0)
    .attr("x2",1000)
    .attr("y2",1000)
    .style("stroke", "black")
    .style("stroke-width", 150)
    .attr("stroke-linecap","round");

有什么建议么？

4

1 回答 1

0

更改 css 代码中的 z-index 有所帮助，尽管我必须找出如何更改我的 svg 标签的 z-index 以将正确的元素放在顶部。感谢那些回答的人

但丁

于 2013-08-24T16:00:38.987 回答