我有svg圖像，我正試圖為我使用的類(lèi)添加圖像。但是圖像不起作用。那么，如何在有角的I類(lèi)中添加圖像呢？

<ul class="nav-list">
  <li>
  <a class="active-nav-item">
    <i aria-hidden="true" class="home" title="Home"></i>
    <span class="links_name">Dashboard</span>
  </a>
</li>
</ul>

CSS:

.home{
background-image:url(assets/images/home.svg);
width:12px;
height:12px;
}

演示:https://stack blitz . com/edit/angular-jcltvq-kms auu？file = app % 2f icon-SVG-example . html

為了使寬度和高度生效，元素應(yīng)該是內(nèi)嵌塊。還要確保將SVG文件放在正確的src文件夾中。

.home {
display:inline-block;
background-image:url(assets/images/home.svg);
width:12px;
height:12px;
}