我们在混合移动应用程序的页面上出现叠加层问题。我们在页面上有几个具有相对位置的按钮,单击按钮覆盖掩码会显示一个具有固定位置的日期选择器。
问题是当我们用日期选择器选择日期并点击设置按钮来设置日期时,页面后面的按钮也会触发点击事件。
我们为叠加层提供了更高的 z-index。同样的事情适用于桌面浏览器,但不适用于移动设备。
感谢任何帮助。
更新: 工作灯版本 5.0.6.1 设备 Android 4.0.4 - 索尼 xperia 它不在“浏览器”上运行,它在浏览器外壳(worklight 混合应用程序)中
最佳答案
日期框是另一个元素的子元素吗?在这种情况下,这些按钮将永远不适用于 Android Xperia 浏览器。您应该将日期框直接放在 <body>
中元素(以便日期框元素的父级为 <body>
)并且它将起作用。
我猜你的日期框放在这样的地方:
<body>
<div>
<div>
<div id='datebox'>
<table style='position:fixed;...'>Your date box...</table>
</div>
...
</div>
</div>
</body>
您应该改为移动日期框,以便 <body>
元素是它的父元素,像这样:
<body>
<div>
<div>
...
</div>
</div>
<div id='datebox' style='position:fixed;'>
<table style='...'>Your date box...</table>
</div>
</body>
关于html - 移动混合应用覆盖问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20797264/