Css 使用svg图标作为div容器的背景

我有一个svg图标，你可以找到（它是白色的），我想用它作为一个div的背景。我怎么做

我试过这样做，但没有任何效果：

.show_nav {
    background-image: url('http://mobileglas.tryit.ch/fileadmin/media/images/Mobile_kreuz.svg');
    height: 5px; 
    width:30px;
}

---

你的背景不够大，根本看不到十字架。如果希望十字缩放，请将SVG宽度和高度值更改为100%，而不是px值

。显示导航{
背景色：黑色；
背景图像：url（'http://mobileglas.tryit.ch/fileadmin/media/images/Mobile_kreuz.svg');
高度：320px；
宽度：530px；
}

---

您的svg太大，有很多空白。您可以尝试两件事：

您可以尝试将viewbox更改为（456 256 960 563）或

在Adobe Illustrator中简单地调整此svg的大小，并删除 绘图板的额外空间

---

它就在那里，但没有调整大小，因为内置了固定大小的值。如果你想让它扩展的话，你可能必须移除这些。