我的网页上确实有一个图标,但仍然看不到。
的HTML
<i class="iconMan"></i>
的CSS
.iconMan{
background-image: url(../../assets/imgs/iconMan.png);
display: block;
}
这就是我得到的:
图标应位于“测试用户”旁边,但未显示。我已经尝试过调整高度和宽度,但是没有用。
有什么建议我可以做什么?
最佳答案
为了显示图标,您可以将样式移至::after
或::before
伪选择器。
.iconMan {
display: inline-block;
}
.iconMan::before {
content: url(../../assets/imgs/iconMan.png);
}
关于html - 图标已加载,但未显示(html,css),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/47353247/