具体SVG-CSS在Firefox

2012-07-13 158 views 0 likes

不加载我用下面的CSS在我的SVG：具体SVG-CSS在Firefox

line{ 
    stroke-linecap:round; 
    stroke-width:4; 
    stroke:url(#disabled); 
    fill:url(#disabled); 
}

在Chrome和IE，这工作得很好。但是，Firefox不会接受stroke:url(#disabled);和fill:url(#disabled);。所以那些元素是黑色的。我认为#可能会导致它（FF已issues with this in the past)。我能做些什么来解决这个问题？我试着逃避#以及与#取代它。

来源

2012-07-13 SomeKittens

回答

事实证明，在#是一个红色的鲱鱼（这就是为什么转义它并没有改变任何东西）Firefox试图找到相对于CSS文件而不是SVG文件的#disabled。我通过完全跳过CSS类和内联编辑CSS来解决它JavaScript。

来源

2012-07-13 15:27:18 SomeKittens

这就是CSS规范为url语法规定的内容，请参阅http://www.w3.org/TR/CSS2/syndata.html#value-def-uri。 – 2012-07-16 10:56:37

具体SVG-CSS在Firefox

回答

相关问题