Bing 地图：删除 IE8 中信息框上的阴影

发布于 2025-01-04 09:56:31 字数 670 浏览 5 评论 0原文

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

因此，我正在使用“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 中为我的地图功能添加覆盖，方法是将其直接添加到我的 html 中作为 Infobox 选项对象中的“htmlcontent”参数。运气不好。

有人知道如何去除这个阴影吗？

谢谢克雷格

原文

This tiny ammend i am trying to make is driving me nuts. Hopefully one of you guys have come across this issue before.

So i am using the 'Bing Maps Ajax Control 7.0 ISDK' and am trying to create my own custom Infobox (popup box) on hover of my pin.

All good apart from removing a box shadow on the Infobox in IE8. I have applied the following CSS to cancel any regular CSS shadow properties.

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

Which works in Chrome, Firefox etc. The issue is with IE8 where the Bing CSS file is adding this to the Infobox:

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

Now i have pretty much exhausted any methods of overriding this style. I have added to my own stylesheets, tried using a background image instead, tried adding an override in the JS for my maps functionality by adding it directly to my html for the 'htmlcontent' param in the Infobox options object. No luck.

Anyone know how I can remove this shadow?

thanks
Craig

分享到QQ

分享到微博