如何使 Google Maps 半透明 PNG 切片图层在 IE8 中工作？答案

【问题标题】：How to make a Google Maps semi-transparent PNG tile layer work in IE8?如何使 Google Maps 半透明 PNG 切片图层在 IE8 中工作？
【发布时间】：2011-01-02 12:05:27
【问题描述】：

我尝试了以下

new GTileLayer(null, _minZoom, _maxZoom, { isPng: true, opacity: 0.6 });

但在 IE8 中，虽然 alpha 不透明度有效，但 PNG 中已经具有半透明的像素显示为灰色和标准不透明度。

我还注意到，包含 alpha 透明度且其透明度未被 HTML 样式设置修改的 PNG 文件在 IE8 中表现良好，只有当 PNG alpha 透明度和 HTML alpha 透明度应用于同一图像时才会出现问题。

【问题讨论】：

标签： internet-explorer internet-explorer-8 png transparency google-maps

【解决方案1】：

这绝对是一个众所周知的错误 - 请参阅 here、here 和 here。只是抛出几个链接：

This blog 提供了一种使用 IE 特定技术的解决方法。
This blog 对解决方法有一个冗长的解释。

然后this 解决了 IE8 早期版本中可能存在的不同错误。他通过放大图像解决了这个问题 - 如果您使用的是 1x1 图像，也许值得一试。

也许您可以通过使用具有不同不透明度且没有 CSS 不透明度的不同 png 来解决此问题？

【讨论】：