时间戳

首页 > 解决方案 > 使用 svg sprite 时未显示锚标记内容

html - 使用 svg sprite 时未显示锚标记内容

问题描述

这是我的html代码。我正在尝试在锚标签中使用 svg 。发生的情况是 svg 可见，但锚元素内的其他内容不可见。

<ul class="sidebar-nav-list">
  <li>
    <svg>
                <use xlink:href="assest/svg/symbols.svg#icon-currency-dollar"
              </svg>
    <a href="#" class="sidebar-nav-link"> Dashboard </a>
  </li>
  <li>
    <a href="#" class="sidebar-nav-link">
      <svg>
                  <use xlink:href="assest/svg/symbols.svg#icon-currency-dollar"
                </svg> Stocks
    </a>
  </li>
  <li>
    <a href="#" class="sidebar-nav-link">
      <svg>
                  <use xlink:href="assest/svg/symbols.svg#icon-currency-dollar"
                </svg> Portfolios
    </a>
  </li>
  <li>
    <a href="#" class="sidebar-nav-link">
      <svg>
                  <use xlink:href="assest/svg/symbols.svg#icon-currency-dollar"
                </svg> Community
    </a>
  </li>
  <li>
</ul>

到目前为止，我还没有为此编写 css，所以这不是因为 css。

标签： html

解决方案

推荐阅读