當谷歌地圖加載時，Safari v5隱藏div

我在Mac上遇到Safari v5的問題。當我的Google Map Api加載到頁面時，它隱藏了我的其他div（絕對定位）。頁面呈現正確，直到地圖加載。如果我有沒有地圖的頁面，問題不會發生。當谷歌地圖加載時，Safari v5隱藏div

例如：www.morecambe-lodge.co.uk

似乎也與jQuery的用戶界面的加載干涉。有沒有更好的方式來延遲加載谷歌地圖或解決方案。我已經嘗試過文檔準備和window.onload方法，但它仍然存在問題。

我已經在firefox中測試過，例如chrome和safari v4，這個問題不會被複制，只會出現在safari v5中。

任何意見將greeatly apreciated，謝謝。

來源

2011-03-25 Charlie Davey

有同一個問題的另一個線程：Mac Safari 5.0.4 bug when using Google Maps API

來源

2011-03-30 15:09:24

耶看起來像同樣的問題。我也在谷歌上發佈了這個問題。希望能得到它的底部。

http://code.google.com/p/gmaps-api-issues/issues/detail?id=3190

來源

2011-03-31 08:42:46

甲線索：它似乎通過與元件的層疊引起的-webkit變換：translateZ（0像素）;一旦你禁用/刪除它們，背景會重新出現。

來源

2011-04-05 02:04:29

這個工作對我來說：

* { 
    -webkit-font-smoothing: subpixel-antialiased !important; 
    -webkit-transform: none !important; 
    }

來源

2011-08-04 12:06:55 polo

張貼在谷歌的錯誤（http://code.google.com/p/gmaps-api-issues/issues/detail?id=3190）提到改變「text-indent：-999999px;」到「text-indent：-99999px;」元素上。丟棄一個9爲我解決了這個問題。

z-index修復程序沒有做出明顯的改變。 webkit-transform修正程序正確渲染了頁面，但使地圖無法使用。這是無法拖動。

來源

2012-04-03 15:00:26 johnml

z-index與此錯誤無關。

後，我通過下面的文章閱讀： http://code.google.com/p/gmaps-api-issues/issues/detail?id=3190

我能夠做兩件事情來解決我的問題。第一個是修改我的CSS中「text-indent」的值爲9999px或以下的每個條目。我爲所有圖標按鈕使用了文本縮進，無論它來自jQuery UI css還是來自我的css。設置超過9999px爲我創建的問題。

第二個問題是，文本縮進被固定後，模糊的字體。下面幫助解決這個問題：

* { 
    -webkit-font-smoothing: subpixel-antialiased !important; 
    -webkit-transform: none !important; 
    }

這兩個在文章中被提及，但我發現，所需要的文本縮進比建議什麼小。

來源

2012-05-23 21:37:53

我應該修改這個：不要使用-webkit-transform：none！important;它會在其他瀏覽器中打破地圖的各個方面。我剛剛意識到我的地圖不再可拖動，因爲它在鉻中。 – 2012-05-23 23:46:30

'-webkit-font-smoothing：subpixel-antialiased！important;'實際上解決了谷歌地圖正在改變我的網站中的其他字體的問題......謝謝。現在，'-webkit-transform：none！important;'也會在Safari上打破平移。 – TCB13 2012-05-25 00:42:01

我也可以確認'-webkit-font-smoothing：subpixel-antialiased！important;'是在頁面上使用地圖時在Safari上修正字體問題。 – dakdad 2012-06-20 12:55:48

當谷歌地圖加載時，Safari v5隱藏div

回答

相關問題