图标已加载，但未显示（html，css）

Question

我有一个实际上在我的网页上的图标，但我仍然无法看到它。

HTML

<i class="iconMan"></i>

CSS

.iconMan{
    background-image: url(../../assets/imgs/iconMan.png);
    display: block;
  }

这就是我得到的：

图标应位于＆＃34;测试用户＆＃34;但它没有显示出来。我已经尝试过调整高度和宽度，但它没有用。 有什么建议我可以做什么？

Answer 1

你错过了报价

.iconMan{
    background-image: url("../../assets/imgs/iconMan.png");
    display: block;
  }

Answer 2

用于显示图标，您可以将样式移动到::after或::before伪选择器。

.iconMan {
    display: inline-block;
}

.iconMan::before {
    content: url(../../assets/imgs/iconMan.png);
}

Answer 3

尝试这样做

<img src="/assets/imgs/iconMan.png"

我想它会起作用 把它放到你的HTML代码