【发布时间】：2015-08-14 16:16:36
【问题描述】：
我创建了一个interactive map，它显示例如河流何时被鼠标悬停等等。所以这就是它的样子。在 Firefox 中有效但在 Chrome 中无效：
那么我怎样才能在 Chrome 中成功启用亮度。这里是我使用的类：
.highlightElement {
fill: #666;
filter: brightness(125%);
-webkit-filter: brightness(125%);
-moz-filter: brightness(125%);
-o-filter: brightness(125%);
-ms-filter: brightness(125%);
}
顺便说一句，fill 是针对我在地图上的湖泊。他们也不能在 Chrome 中工作。但是，将鼠标悬停在 text color 上时以某种方式更改它们在 Chrome 中工作（但我通过 fill 实现了这一点）。
所以这是我相信的亮度属性。
【问题讨论】：
-
在此处报告 Chrome 错误：code.google.com/p/chromium/issues/list
-
是的，但我不确定这是否真的是一个错误。让我们看看，谢谢：code.google.com/p/chromium/issues/…
-
请在 codepen 或 jsfiddle 上分享一个最小的测试用例
-
你的意思是链接的网站太多了？我的意思是你可以看到它在 Firefox 中工作，所以技术就在那里。 Chrome 中的某些属性会导致问题。那么这个小例子与实际项目有什么不同呢？告诉我，我的意思是我做一个小例子没问题 =) 但我看不出这样做有什么好处。
-
我有不同的体验：在 Firefox（OSX 10.13 上为 68.0.1）中，CSS 滤镜亮度仅影响 SVG 填充区域，而不影响 SVG 描边。
标签： css class google-chrome firefox svg