css - SVG 路径的亮度不适用于 Chrome 但在 Firefox 中

Question

我创建了一个 interactive map这显示了例如鼠标悬停在河流上等等。这就是它的样子。在 Firefox 中有效但在 Chrome 中无效:

那么我怎样才能在 Chrome 中成功启用亮度。这是我使用的类(class):

.highlightElement {
    fill: #666;
    filter: brightness(125%);
    -webkit-filter: brightness(125%);
    -moz-filter: brightness(125%);
    -o-filter: brightness(125%);
    -ms-filter: brightness(125%);
}

顺便说一句，填充 是我在 map 上的湖泊。他们也不在 Chrome 中工作。但是，当鼠标悬停在它们上面时，以某种方式改变文本颜色在 Chrome 中有效(但我通过填充实现了这一点)。

所以我认为这是具有亮度特性的东西。

Answer 1

Chromium 元素似乎在这些问题上进展缓慢。它仍然没有修复，而且它的优先级似乎很低:https://code.google.com/p/chromium/issues/detail?id=494947&thanks=494947&ts=1433152536