3

我有一系列<circle>通过<svg>. 我想在每个圆圈旁边添加一个图标，我正在尝试通过：

.node:after {
      content:url(/img/icon.png);
}

选择器是正确的，因为我在 Firebug 中看到它，但没有显示图标。我在尝试做一些不可能的事情吗？为什么我在某处看不到我的图标？

额外的问题：是否可以将此图标相对于圆形元素的中心定位。

4

1 回答 1

5

我们会忽略 Firefox 中 SVG 标记中生成的内容，因此您将无法以这种方式执行此操作。您必须<image>使用 javascript 创建元素。

SVG 规范没有提到 :before 和 :after。它真的只在你有相对定位的html中才有意义，所以下一个项目会自动定位在前一个项目之后，而不是在所有东西都绝对定位的SVG中。

您必须尝试其他浏览器以查看它是否在那里工作，但我真的不知道他们如何明智地实现它。

于 2012-12-05T14:55:15.943 回答