html - 嵌套的 div 在 firefox 中不可见，但在 chrome 中可见

Question

我想弄清楚我做错了什么。在 chrome 中，我们有一堆包含图像的 div 标签。覆盖了 <svg>。 ..

<svg class="canvass graph-bg">
    <svg>
        STUFFF
    </svg>
    <div class="ui-widget-content">
        STUFF
    </div>
</svg>

在 Firefox 中它们根本不工作，除非我取消嵌套 div

<svg class="canvass graph-bg">
    <svg>
        STUFFF
    </svg>
</svg>
<div class="ui-widget-content">
    STUFF
</div>

Answer 1

这是在我拉出 <div> 后修复的来自 <svg>元素，这是一个很大的不，不，谢谢帮助。

现在我们有

<svg class="canvass graph-bg">
    <svg>
        STUFFF
    </svg>
</svg>
<div class="ui-widget-content">
    STUFF
</div>