CSS3转换闪烁 - Google Geocharts

时间:2016-04-14 17:50:40

标签: css3 google-api google-visualization css-transitions

所以我使用谷歌geochart来显示一些地理数据。我想要的是悬停效果,其中区域用填充突出显示:#fff;在悬停。我有一个转换工作,问题是悬停效果闪烁。奇怪 - 效果最终消失了。如果我离开页面大约20秒,然后再试一次没有闪烁。知道可能导致这种情况的原因吗?以下代码,感谢任何可以提供帮助的人。我已经在所有浏览器中测试过,做了同样的事情。

path{
   -moz-backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -moz-transition:fill 0.2s ease;
   -o-transition:fill 0.2s ease;
   -webkit-transition:fill 0.2s ease;
   transition:fill 0.2s ease;
}
path:hover {
   fill:#fff;
   stroke:#fff;
}
rect:hover {
   fill:transparent !important;
}

0 个答案:

没有答案