为什么下拉菜单在Chrome的javascript插件(Google Earth)后面？

Question

我使用BootStrap设计了以下页面，并将谷歌地球插件作为该页面的脚本。

http://www.northeastern.edu/sds/web/demos/coldextremes.shtml

我想知道为什么在Chrome27.0.1453.110m版本中，右边的下拉菜单(沉淀)落后于插件。它在火狐和IE10上运行良好

谢谢你的帮助

Answer 1

您需要使用<iframe>填充程序。这是一个定位和大小与您的下拉菜单相匹配的<iframe>。我相信这是在所有浏览器中覆盖其他内容的唯一可靠的方法。

您正在使用的菜单系统是否具有使用填充程序的选项？如果没有，那么您需要自己添加它。Brandon Aaron的bgiframe plugin是一个很好的起点。

另外，你还需要去掉圆角和阴影。这些在地球插件上是不能工作的。你可能注意到了，在Firefox中，尽管菜单可以正常工作，但在底部和右侧有锐利的边缘，并且有一个像素化的角。填充程序也会有同样的问题--它是纯矩形的。幸运的是，扁平化设计现在很流行，所以在这个菜单中使用它:方角，没有阴影。

或者，您可以巧妙地使用情景…

我建议至少考虑一种不同的方法:接受并接受地球插件施加的限制。这个插件确实想要自己的空间，所以就给它吧。不要试图在上面覆盖你自己的内容。相反，把“菜单”放在它旁边。这可以是一个手风琴风格的列表，或者是某种树，或者有许多方法可以在地球插件旁边的自己的面板中放置一些导航。这将避免所有与后台iframe和浏览器兼容性有关的问题。

来源:我为教育市场开发了一个大型的基于地球插件的产品，我们花了几个月的时间来处理由于想要在插件上覆盖各种菜单和类似材料而出现的问题。