Css SVG路径的亮度不适用于Chrome,但适用于Firefox
我已经创建了一个可以显示河流何时被老鼠覆盖等信息。这就是它的样子。在Firefox中工作,但不在Chrome中: 那么,我怎样才能使Brightness在Chrome中也获得成功呢。这里是我使用的类: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
.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笔划。