爲什麼dropdown菜單落後於Chrome瀏覽器中的JavaScript插件（Google Earth）？

Question

我設計了以下頁面，使用BootStrap和Google Earth插件作爲頁面的腳本。

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

我不知道爲什麼正確的下拉菜單（降水）滴在Chrome版本27.0.1453.110米插件後面。它工作正常在Firefox和IE10

感謝你的幫助

Answer 1

您需要使用墊片。這是一個定位和大小，以匹配您的下拉菜單。我相信這是覆蓋所有瀏覽器上的地球插件之上的其他內容的唯一可靠方法。

您正在使用的菜單系統是否有使用墊片的選項？如果沒有，那麼你將需要自己添加它。 Brandon Aaron的bgiframe plugin是一個很好的開始。

此外，您將需要擺脫圓角和陰影。這些將無法在地球插件頂部工作。您可能注意到，在Firefox中，雖然菜單有效，但它的底部和右側都有銳利的邊緣，並且有一個像素化的邊角。你會遇到同樣的問題，它是純粹的矩形的墊片—。幸運的是，現在平面設計是「in」，所以在這個菜單中使用它：方形的角落，沒有陰影。

或者，你可以巧妙地處理這種情況......

我推薦至少考慮一種不同的方法：與地球插件強加的限制一起生活並擁抱。插件真的想要自己的空間，所以給它。不要試圖覆蓋你自己的內容。相反，將「菜單」放在它旁邊。這可能是手風琴風格的列表或某種樹，或者有許多方式可以將自己的導航欄放置在地球插件旁邊的自己的面板中。這將避免與後臺iframe和瀏覽器兼容性的所有問題。

資料來源：我曾爲一個教育市場的大型地球插件產品工作，我們花費了個月處理由於想覆蓋各種菜單和類似材料而出現的問題在插件的頂部。