2016-12-16 88 views
0

所以我有这个谷歌地图需要对它有黑色和白色的影响,它在下面的铬,边缘和firefox,但Safari浏览器,并且它是一个不行。跨浏览器灰度不工作

最初我的CSS看起来像下面,我环顾四周,人们说的唯一真正的解决方案是过滤器:url('....')但对我来说它不起作用。任何一个解决方案将不胜感激。 p.s我宁愿如果这是用css来完成的,任何人都可以用api来完成,我宁愿不要沿着这条路线走。

#LocationMap { 
width: 100%; 
height: 400px; 
float: left; 
filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale); 
filter: gray; 
-webkit-filter: grayscale(100%); 
-webkit-transition: all .6s ease; 
-webkit-backface-visibility: hidden; 
box-shadow: inset 0px 0px 0 2000px rgba(0,0,0,0.5); 
} 

回答