我使用 BootStrap 设计了以下页面，并使用 Google Earth 插件作为页面的脚本。
http://www.northeastern.edu/sds/web/demos/coldextremes.shtml
我想知道为什么右侧的下拉菜单（降水）落在 Chrome 中的插件后面，版本 27.0.1453.110 m。它在 Firefox 和 IE10 中运行良好
谢谢您的帮助
问问题
441 次
1 回答
2
您需要使用<iframe>垫片。这是一个<iframe>与您的下拉菜单相匹配的位置和大小。我相信这是在所有浏览器中将其他内容覆盖在 Earth 插件之上的唯一可靠方法。
您使用的菜单系统是否可以选择使用垫片？如果没有，那么您将需要自己添加它。Brandon Aaron 的bgiframe 插件是一个很好的起点。
此外，您将需要摆脱圆角和阴影。这些不适用于 Earth 插件。您可能注意到，在 Firefox 中，虽然菜单可以正常工作，但它的底部和右侧边缘很锐利，并且有一个像素化的角落。垫片也会有同样的问题——它是纯矩形的。幸运的是，如今扁平化设计很流行，所以在这个菜单中使用它：方角和没有阴影。
或者，你可以巧妙地处理这种情况……
我建议至少考虑一种不同的方法：接受并接受 Earth 插件施加的限制。该插件真的想要自己的空间，所以给它。不要试图在上面覆盖你自己的内容。相反，将“菜单”放在它旁边。这可以是手风琴式的列表，或者某种树，或者有很多方法可以将一些导航放在地球插件旁边的自己的面板中。这将避免背景 iframe 和浏览器兼容性的所有问题。
资料来源：我为教育市场开发了一个基于地球插件的大型产品，我们花了几个月的时间来处理由于想要在插件之上覆盖各种菜单和类似材料而出现的问题。
于 2013-06-19T20:36:47.970 回答