如http://jsfiddle.net/xMnea/4/所示,我定义了一个包含多个元素的符号,每个元素都有自己的类属性。在主体中,我多次使用该符号。我正在使用内联 CSS 来单独设置每个使用的样式。
在 Firefox 15 中,这按预期工作,但在 IE9 和 Chrome 中,我得到黑色方块。后者的浏览器似乎没有检测/识别符号中的类定义。如果结构是内联的(右下角),它们会按预期工作。
这仅仅是 Firefox 比其他更兼容的情况,还是有更好的方法来实现 SVG 元素的重用同时允许单独的样式?
额外信息:如果我使用“defs”而不是符号,或者如果我使用外部样式表而不是内联样式表,则会出现同样的问题。