css - 列表样式图像：Mozilla Firefox 中的 url(svg#id)

Question

我会将我的 svg 元素设置为

list-style-image: url(svg#id) 

并通过#id指向图形，但它不起作用

在这种情况下，所有根 svg元素都用作图像，而不是它的一部分

如果我可以通过 defs 分隔我的 svg 元素并在它之后使用，那就太好了

 <use xlink:href="#byId"/>

但在 CSS 中：

 list-style-image: url(svg#id)

是否可以？

Answer 1

您也许可以使用 SVG 堆栈技术，请参阅博客文章和我修改后的示例，其中展示了如何在列表中使用它。请注意，目前这只适用于 Firefox。