相关疑难解决方法(0)

SVG填充不适用于FireFox

我似乎无法弄清楚为什么Firefox使用默认的svg填充颜色而不是类的填充.

以下是查看FF检查员时的3次填充:

CSS

正在插入SVG

<svg class="icon">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-bag"></use>
</svg>
Run Code Online (Sandbox Code Playgroud)

它应该显示.skip-link .icon填充白色(#fff),但它实际上是使用#002649的SVG填充; 如果我将.skip-link .icon更改为.skip-link svg,那么它可以正常工作.为什么我不能使用类而是显式地声明元素?

我是否遗漏了一些关于Firefox如何填充SVG的明显内容?这个CSS在其他浏览器中工作正常.

firefox svg css3

14
推荐指数
1
解决办法
2万
查看次数

标签 统计

css3 ×1

firefox ×1

svg ×1