这适用于 Firefox,但不适用于 Chrome。我希望有人能找到解决方法。 我需要内部 div 绝对定位(这似乎导致了问题)。
<body>
<div style="width: 550px; height: 400px; background-color: rgb(0, 142, 0);">
<div style="position: absolute;">
<svg>
<rect width="40" height="40" fill="#666666"></rect>
</svg>
</div>
</div>
</body>
最佳答案
指定 SVG 的宽度和高度。
<svg width="40" height="40">
或者实际上任何大于 40 的值都可以
<svg width="400" height="400">
关于html - 绝对定位div内的SVG不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18925638/