【发布时间】：2021-12-19 06:40:37
【问题描述】：
我想使用 svg 图像作为 div 的背景，但它没有显示在任何浏览器上。
附上以下截图：
HTML：
<div class="landing></div>
CSS：
background-image : url(bg.svg);
width:100vw;
height:100vh;
background-repeat: no-repeat;
background-size: contain;
请注意，我使用的 svg 相当复杂。在使用具有简单形状和单一颜色的 svg 时，它似乎正在工作。附上 svg 的截图供您参考。enter image description here
最小可重现示例： Codepen
【问题讨论】：
-
你能提供一个minimal reproducible example吗？我们需要实际文件，以便我们自己查看问题。
-
这是一个 codepen 说明我的问题。
-
在 Firefox 上似乎对我有用。
-
是的，在 firefox 和 safari 上运行良好，但在 chrome 上运行良好
-
这可能是一件多云的事情。如果我使用不同的 svg 图片我没问题。