如何让我的SVG显示在没有内容的<i>标签中？

Question

我正在尝试将我的svg显示为<i>标记中的背景图片。我使用<i>标签是为了与我的其他代码保持一致。

如果我在i标记内没有包含任何内容，则svg background-image根本无法显示。我试过设置<i>标签的高度和宽度，但是没有用。我知道你可以用div很容易地做到这一点，但我试图让它与此相同。

HTML

<div class="card-panel">
    <i class="icon-advanced"></i>
</div>

CSS

.icon-advanced {
    background: url('icon/icon-advanced.svg');
    background-repeat: no-repeat;
  }

Answer 1

在设置高度和宽度之前尝试添加jq 'map( { (.properties.osm_id|tostring): . } ) | add'

display: inline-block;