css - 为什么 SVG 不通过 css background-image 显示

Question

当我使用时，我可以让 svg 显示得很好

<img src="../images/jte.svg" alt="Logo">

但是，当我尝试使用以下内容通过 css 显示时：

html

<div class="logo2">
</div>

css

.logo2 {
background-image: url(jte.svg);
}

什么都没有显示。知道为什么会这样吗？我尝试了多种不同的路径选项“（'../images/jte.svg'）（'jte.svg）但无济于事。

Answer 1

为相关元素使用定义的宽度和高度，或者简单地将其附加到正文。例如：

body { background-image: url('https://cdn.sstatic.net/Sites/stackoverflow/img/sprites.svg')