Google 地图导致页面的不相关部分在 Safari 中消失
我正在使用 API V3 将谷歌地图写入我的页面，这会导致页面完全不相关的部分仅在 safai 中消失。
如果您查看此页面 http://local.stv.tv/bellshill/ 蓝色导航栏很好，但是当您转到任何带有谷歌地图的页面时，部分导航会消失，例如 http ://local.stv.tv/bellshill/news/。
那里有一个下拉菜单和一些分层，我认为这可能会让 Safari 感到困惑，但在其他地方它工作得很好。这肯定是最近出现的问题，因为该网站在发布之前已通过 X 浏览器进行了全面测试。
I am writting a google map using V3 of the API, into my page which results in a completley unrelated part of the page disappearing only in safai.
If you look at this page http://local.stv.tv/bellshill/ the blue navigation bar is fine, yet when you go to any page with a google map on it, part of the navigation dissapears e.g. http://local.stv.tv/bellshill/news/.
There is a dropdown in there and some layering going on which I think may be confusing Safari, but it works fine everywere else. This must be a recent issue as the site was X browser tested fully before launch.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
我已经设法解决这个问题。
主导航
有一个元素作为其第一个项目，该元素包含隐藏的跳过链接。当我将移到
老实说，我不知道这个问题的真正根源是什么，也不知道为什么只有 Safari V5 受到影响。
I have managed to fix this issue.
The primary nav
<div>has a<p>element as its first item that contined a hidden skip link. When I moved the<p>outside of the<div>everything worked fine.To be honsest I have no idea what the real root of this problem is or why it was only Safari V5 that was effected.
在 iPhone 和 Safari 5 上遇到同样的问题iPad - 我的联系页面有使用 Google Map API 的位置地图，
在阅读帖子后，我将 H1 标签替换为 Span 标签，它解决了问题。可能是因为 H1 是块级元素，而 span 是内联元素。
因为我想保留 h1 标签，所以我的最终解决方案是将 H1 标签放在 div 标签内，这似乎可行。
Encountered the same problem with Safari 5 on iPhone and & iPad - my contact page has location map using Google Map API
after reading post i placed my replaced the H1 tag with a span tag and it fixed the problem. maybe because the H1 is a block level element and span is an inline.
as i wanted to keep the h1 tag my final solution was to place the H1 tag inside a div tag and this seemed to work.
将 z-index 声明添加到包含 Google 地图的父级，以将小魔怪从您的计算机中驱除。
Add the z-index declaration to your parent containing the Google map to exorcise the gremlins from your machine.