无法点击或点击下方的屏幕的下半部上网站上iPhone 5

Question

我一直在考虑的任务，试图在这个网站解决的问题： [绝密]

当您点击下方在iPhone 5屏幕的下半部分，水龙头没有注册，所以链接不能点击，等等。

我试着通过提示什么元素被点击调试，没有什么是在中途点以下没有注册。如果您向下滚动页面，以便您想要点击的链接位于上半部分之上，则完美无瑕。

我周围搜索和似乎有一些问题与iPhone 5 应用程序（据我所知，我不是一个应用程序开发人员！），但我似乎无法找到任何人有响应式网站上出现同样的错误。

发生了什么 - 这是否与视口有关？

Answer 1

它看起来像在你的DOM中，你有一个<iframe "id=FirebugUI">，它位于你的元素正下方。它有一些内联样式，其中包括一个超大号的visibility:hidden;和一个z-index，这意味着它是隐藏在所有内容之上的元素。你有一些选择：

1 - 摆脱它如果你熟悉firebugUI是什么，可以舒适地将它们一起去除。那么你很好去。它可能正在注入一些JavaScript。

2 - 显示器无 - 你可以添加这个CSS将其删除：

#FirebugUI { 
display: none !important; 
} 

你需要的重要添加到值，使之覆盖内嵌样式。这可能会导致FirebugUI无用。

3-z索引 - 您可以通过将z索引设置为0来更新z索引。但是，这可能会使此事无用。所以如果你打算这么做的话，你可能只需要移除这个插件即可。您还需要使用！重要值来覆盖内联样式。