我的网页上确实有一个图标,但仍然看不到。

的HTML

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


的CSS

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


这就是我得到的:

html - 图标已加载,但未显示(html,css)-LMLPHP

图标应位于“测试用户”旁边,但未显示。我已经尝试过调整高度和宽度,但是没有用。
有什么建议我可以做什么?

最佳答案

为了显示图标,您可以将样式移至::after::before伪选择器。

.iconMan {
    display: inline-block;
}

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

关于html - 图标已加载,但未显示(html,css),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/47353247/

10-12 00:17