Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css SVG路径的亮度不适用于Chrome,但适用于Firefox_Css_Class_Google Chrome_Firefox_Svg - Fatal编程技术网

Css SVG路径的亮度不适用于Chrome,但适用于Firefox

Css SVG路径的亮度不适用于Chrome,但适用于Firefox,css,class,google-chrome,firefox,svg,Css,Class,Google Chrome,Firefox,Svg,我已经创建了一个可以显示河流何时被老鼠覆盖等信息。这就是它的样子。在Firefox中工作,但不在Chrome中: 那么,我怎样才能使Brightness在Chrome中也获得成功呢。这里是我使用的类: .highlightElement { fill: #666; filter: brightness(125%); -webkit-filter: brightness(125%); -moz-filter: brightness(125%); -o-fi

我已经创建了一个可以显示河流何时被老鼠覆盖等信息。这就是它的样子。在Firefox中工作,但不在Chrome中:

那么,我怎样才能使Brightness在Chrome中也获得成功呢。这里是我使用的类:

.highlightElement {
    fill: #666;
    filter: brightness(125%);
    -webkit-filter: brightness(125%);
    -moz-filter: brightness(125%);
    -o-filter: brightness(125%);
    -ms-filter: brightness(125%);
}
顺便说一句,填充物是我在地图上看到的湖泊。他们也没有在Chrome中工作。但是,当鼠标悬停在文本上时,以某种方式更改文本颜色是在Chrome中起作用的(但我通过填充实现了这一点)


因此,我相信这是Brightness特性的一部分。

铬项目在这些问题上似乎进展缓慢。它仍然没有被修复,而且它的优先级似乎很低:

在这里报告Chrome bug:是的,但我不确定这是否是一个bug。让我们看看,谢谢:请在codepen或jsfiddleWell上分享一个最小的测试用例。链接的网站太多了,你的意思是?我的意思是,正如你所看到的,它在Firefox中工作,所以技术就在那里。Chrome中的一些属性导致了这个问题。那么,这个小例子与实际项目有什么不同呢?请告诉我,我的意思是,我做一个小示例没有问题=),但我看不出这有什么好处。我有一个不同的体验:在Firefox(OSX 10.13上的68.0.1)中,CSS过滤器亮度只影响SVG填充区域,而不影响SVG笔划。