javascript - Android Webkit : Absolutely positioned elements don't respect z-index

标签 javascript html css android mobile-webkit

讨厌的小 bug ,这个。

Android ticket 6721 中所示,当绝对定位的元素放在 <a> 的顶部时,Android 浏览器似乎不尊重 z-index或 <input>标签。 我迫切需要任何解决方法。以前有人征服过这个吗?

提前致谢!

最佳答案

这个问题可能与控件及其对浏览器的特殊性有关。在查看您的问题(在 Chrome 中)时,我发现了一个相关问题,即当您按下 tab 键时,您仍然可以聚焦输入元素。你可能也不想要这个(不管渗透如何)。解决方案非常简单,您编写脚本以将 disabled 属性添加到所有输入/按钮/等。被覆盖的元素。禁用的输入将 not be able to receive焦点(通过键盘或其他方式),点击它应该是不可能的。

由于这也禁用了愚蠢的键盘环绕导航,因此它甚至不是一种解决方法,而是一种更好的设计,它也可以与预期的基于键盘的导航一起使用。

关于javascript - Android Webkit : Absolutely positioned elements don't respect z-index,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2562206/

相关文章:

javascript - 谷歌翻译字体标签

javascript - 尝试创建响应式布局,但右侧 div 不断推过左侧 div 的顶部

javascript - CSS 类未在节点中应用

javascript - 点击DIV或A标签激活JS功能

javascript - 如何使用$.ajax读取本地xml文件?

javascript - ckeditor getData() 在源模式下返回陈旧数据(最后一次更改丢失)

javascript - 在最新的 Polymer Dart 版本中使用来自 Polymer JS 的核心脚手架时出错

jquery - 如果链接被访问过,如何隐藏它?

html - 文本/标题中的内联列表

html - 文字上方居中图像