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

Question

所以我有一些 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会放在最上面，对吧？（图表 1 没有单独的 CSS 样式）

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

编辑

#container {
            position: relative;
        }

可悲的是没有改变任何东西。

整个代码（减去下面的 Javascript 使 D3 graph/svg）：

Answer 1

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

<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";>

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

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

html

javascript

css

d3.js

nvd3.js

编辑