如何在用作背景图像的外部SVG文件中设置路径元素的样式?

时间:2013-01-25 23:57:42

标签: html css svg

我有一个div,我的CSS中分配了背景图片。它是一个svg文件。有没有可能我可以访问改变颜色的路径,即使它是背景图像?

2 个答案:

答案 0 :(得分:3)

您可以添加

<?xml-stylesheet type="text/css" href="svg-stylesheet.css" ?>    
在SVG文件顶部的

指令,然后在样式表中定义样式。

请参阅http://www.w3.org/TR/SVG/styling.html#ReferencingExternalStyleSheets

答案 1 :(得分:0)

我不知道您是否可以访问外部链接的svg文件的路径(例如imgobject标记),但如果您在页面中直接包含svg xml,则可以访问路径,所以你创建一个宽度,高度和宽度相同的第二个div。 x,y位置,在前景div下面给它一个z-index,并将svg xml放在背景div的旁边,你可以模拟你想要做的事情。

这是一个jsfiddle,显示如何使用JQuery通过获取ajax请求加载svg图像,更改路径样式,然后将修改后的svg xml嵌入到后台div中:

http://jsfiddle.net/webchemist/j2Dgq/

修改

jsfiddle更新到IE9工作,问题是跨站点ajax请求维基媒体不是内联svg ...