css - 必应 map : Removing shadow on Infobox in IE8

Question

我试图做出的这个小小的修正让我抓狂。希望你们当中有人以前遇到过这个问题。

所以我正在使用“Bing Maps Ajax Control 7.0 ISDK”，并尝试在我的图钉悬停时创建我自己的自定义信息框(弹出框)。

除了在 IE8 中删除信息框上的框阴影外，一切都很好。我应用了以下 CSS 来取消任何常规 CSS 阴影属性。

-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;

适用于 Chrome、Firefox 等。问题出在 IE8 中，Bing CSS 文件将其添加到信息框中:

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";

现在我几乎已经用尽了所有覆盖此样式的方法。我已经添加到我自己的样式表中，尝试使用背景图像，尝试在 JS 中为我​​的 map 功能添加覆盖，方法是将它直接添加到我的 html 中，用于信息框选项对象中的“htmlcontent”参数。运气不好。

有人知道我怎样才能去除这个阴影吗？

谢谢克雷格

Answer 1

老实说，尝试覆盖默认信息框是危险的，不推荐这样做，因为 bing 明天可能会更改信息框的 css 类或 id，而你 hack 将停止工作。我建议您在此处查看自定义信息框控件，无论如何它更好，然后您就可以完全控制:

http://bingmapsv7modules.codeplex.com/wikipage?title=Custom%20Infobox%20Control