Question

当我使用

时，我能够得到一个svg显示得很好

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

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

HTML

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

CSS

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

没有显示任何内容。知道为什么会这样吗？我尝试了多种不同的路径选项＆＃34;（＆＃39; ../ images / jte.svg＆＃39;）（＆＃39; jte.svg）无济于事。

Answer 1

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

＆＃13;

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

＆＃13;