如何使 Google 地图半透明 PNG 图块图层在 IE8 中工作?
我尝试了以下方法
new GTileLayer(null, _minZoom, _maxZoom, { isPng: true, opacity: 0.6 });
,但在 IE8 中,虽然 alpha 不透明度有效,但 PNG 中已经具有半透明的像素显示灰色和标准不透明度。
我还注意到,包含 alpha 透明度且其透明度未通过 HTML 样式设置修改的 PNG 文件在 IE8 中表现良好,仅当 PNG alpha 透明度和 HTML alpha 透明度应用于同一图像时才会出现此问题。
I tried the following
new GTileLayer(null, _minZoom, _maxZoom, { isPng: true, opacity: 0.6 });
But in IE8, while the alpha opacity works, the pixels in the PNG that already had translucence they show a grey color and standard opacity.
I have noticed also that PNG files that contain alpha transparency and their transparency is not modified by HTML style settings behave well in IE8, the problem occurs only when both PNG alpha transparency and HTML alpha transparency are applied to the same image.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这绝对是一个众所周知的错误 - 请参阅 此处,此处 和此处。只是抛出一些链接:
然后是这个< /a> 解决 IE8 早期版本中可能存在的不同错误。他通过放大图像解决了这个问题 - 如果您正在使用 1x1 图像,也许值得一试。
也许你可以通过使用具有不同不透明度的不同 png 来解决这个问题,并且没有 CSS 不透明度?
It's definitely a well-known bug - see here, here, and here. Just to throw a few links:
And then there's this addressing a probably different bug in an early release of IE8. He got it solved by enlarging the image - maybe worth a try if you're working with a 1x1 image.
Maybe you can work around this by using different pngs with different opacities, and no CSS opacity?