javascript - HTML + (NV)D3 : Can't place a div on top of a div of the chart even with > z-index

Question

所以我有一些看起来像这样的 HTML:

<div id="container">
    <svg id="chart1"></svg>
    <div id='logo'>
        <img id="logo" src="cubs_best.png";>
    </div>
</div>

用相应的CSS like,

    svg {
        /*display: block;*/
        position: relative;
        z-index: 1;
    }
    html, body, #container, svg {
        margin: 0px;
        padding: 0px;
        height: 80%;
        width: 100%;
    }
    #logo {
        position: absolute;
        z-index: 10;
        top: 15px
        left: 15px;
    }

您会认为带有图像的 div 会放在顶部，对吗？ (图表 1 没有单独的 CSS 样式)

但这就是它所显示的，它不会让步。

编辑

#container {
            position: relative;
        } 

可悲的是，没有做出任何改变。

整个代码(减去生成 D3 图形/svg 的 Javascript):

Answer 1

您是否尝试过按照以下顺序将 Logo 置于图表顶部:

<div id="container">
<div id='logo'>
<img id="logo" src="cubs_best.png";>
</div>
<svg id="chart1"></svg>
</div>

此外，删除 img holder 末尾的分号 <....src="cubs_best.png";>