使用谷歌地圖API時的Mac Safari 5.0.4錯誤

我有一個Google Maps API v.3在我正在構建的網站上構建的谷歌地圖。它可以在所有瀏覽器中正常工作。但是，在Safari中（至少對於Mac來說）它以一種奇怪的方式影響其他元素。它似乎只適用於絕對定位的元素，它可能與z-index有關。有沒有人有過這樣的經驗？你的解決方案最終成爲了什麼？抱歉，我無法發佈網址。使用谷歌地圖API時的Mac Safari 5.0.4錯誤

謝謝！

來源

2011-03-14 morrisbret

我認爲這對你有一個太模糊的解決方案，除非有人遇到過* exact *問題。如果您可以發佈該鏈接，這將有所幫助。 – thirtydot 2011-03-14 23:09:55

它的happannig也在鍍鉻mac上 – masterweily 2013-01-09 07:12:42

我最終找到解決我的問題。它確實與z-index有關。有趣的是，它只發生在Safari，但。無論如何，如果其他人注意到Safari和Google地圖發生的奇怪事情，它可能與您網頁上某個元素的z-index有關。那就是我要開始的地方。再次感謝！

來源

2011-03-31 05:03:59 morrisbret

刪除z-index確實可以修復這個bug，但我需要添加一個z-index，因爲我已經完全定位了內容。其他人知道一種方法來解決這個問題嗎？ – Zander 2011-06-29 16:55:15

我有一個包含z-index子div的div覆蓋圖。刪除那個z-index確實解決了這個問題。謝謝一堆。 – quano 2012-06-07 10:57:14

還有一個，這個更詳細的帖子：Safari v5 hides div when google maps loaded

來源

2011-03-30 12:47:39

我不能完全肯定這是怎麼回事，因爲有你無法張貼樣本網址，但如果沒有什麼工作你已經後嘗試了一切，你可以report the issue到谷歌地圖API團隊，他們可以更徹底地調查，看看問題是什麼。

來源

2011-03-30 15:49:02

感謝您的回覆@約翰。我最終找到了解決問題的辦法。它確實與z-index有關。有趣的是，它只發生在Safari，但。無論如何，如果其他人注意到Safari和Google地圖發生的奇怪事情，它可能與您網頁上某個元素的z-index有關。那就是我要開始的地方。再次感謝！ – morrisbret 2011-03-31 05:02:00

這確實是一個bug，並且不是專門針對Google的，它與z-indexing越來越混亂，無論何時使用webkit，或者看起來都是如此。

有兩個解決方案，希望其中一個工程。

1.這是首選的修復方法。從您加載Google地圖的DOM元素中移除webkit轉換，並將它的z-index設置爲「auto」。還要將它的子div設置爲「auto」的z索引。你可以像下面的CSS做到這一點：

#googleMap{ 

     -webkit-transform: none !important; 
     z-index: auto !important; 

     > div{ 
      z-index: auto !important; 
     }

2.對於具有（從谷歌地圖的z索引分開）一個網頁上的每個絕對定位的元素，即刪除的z-index值將所有絕對定位元素的z-index設置爲z-index：auto。

來源

2011-07-14 21:12:34 Taka

我遇到了線程啓動器所描述的完全相同的問題。在我的情況下，整個導航消失了（在一些研究之後，導航包裝似乎是一個很受歡迎的分支）。當我從網站上清除Google Map div時，導航就像它應該顯示的那樣。

無論如何，我的解決辦法是直接的風格添加到我的谷歌地圖的div：

<div id="map" style="-webkit-transform: none; z-index: 10;"></div>

這解決了我的情況。希望它可以幫助那裏的人！

來源

2011-08-17 22:03:30

刪除翻譯全球打破了我們的應用程序的其他功能。但它確實指出了我們朝着正確的方向。該解決方案適用於我們。我們將所有地圖引腳元素移回到103層。

div[id*='marker_div_']{ 
-webkit-transform: translateZ(103px);

}

來源

2011-10-27 19:44:52 tapi

，這裏很適合我的解決方案（如-webkit-family：宋體;停止地圖和一個頁面上工作的其他功能），是通過jQuery負荷後的內容阿賈克斯。

希望有幫助！

來源

2012-06-17 23:23:37

我在Safari中遇到了同樣的問題。在我的Safari瀏覽器中，它導致我在受影響的div上的字體變得非常薄且不明確。我發現的原因是受影響的div投影到包含谷歌地圖的div上。如果我刪除了drop show，問題就解決了。

來源

2013-07-24 11:19:01

使用谷歌地圖API時的Mac Safari 5.0.4錯誤

回答

相關問題