javascript - HTML +(NV)D3:即使> z-index，也无法在图表的div上放置div

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

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

与相应的CSS类似，

    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应该放在顶部，对吗？ （chart1没有单独的CSS样式）

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



编辑

#container {
            position: relative;
        }

没有足够可悲的改变。

整个代码（减去D3图/ svg的Java脚本underneth）：

最佳答案

您是否尝试过按照以下顺序将徽标放在图表顶部：

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

另外，删除img持有人末尾的分号