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

Question

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

我已经试过了，但是什么也没有显示:

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

Answer 1

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

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

<div class="show_nav"></div>