2

http://jsfiddle.net/xMnea/4/所示,我定义了一个包含多个元素的符号,每个元素都有自己的类属性。在主体中,我多次使用该符号。我正在使用内联 CSS 来单独设置每个使用的样式。

在 Firefox 15 中,这按预期工作,但在 IE9 和 Chrome 中,我得到黑色方块。后者的浏览器似乎没有检测/识别符号中的类定义。如果结构是内联的(右下角),它们会按预期工作。

这仅仅是 Firefox 比其他更兼容的情况,还是有更好的方法来实现 SVG 元素的重用同时允许单独的样式?

额外信息:如果我使用“defs”而不是符号,或者如果我使用外部样式表而不是内联样式表,则会出现同样的问题。

4

1 回答 1

1

由于https://bugzilla.mozilla.org/show_bug.cgi?id=265894,恐怕它的 Firefox 不太合规

如果您想要重用和个性化样式,这里有一种 javascript 方法,最终可能由 UA 本地实现

于 2012-09-01T12:02:21.397 回答