我们在混合移动应用程序中页面上的叠加层出现问题。我们在页面上有几个相对位置的按钮,单击按钮叠加掩码时会显示一个日期选择器,该选择器具有固定的位置。
问题是当我们使用日期选择器选择日期并单击设置按钮来设置日期时,页面上后面的按钮也会触发单击事件。
我们为叠加层提供了更高的 z 指数。同样的事情适用于桌面浏览器,但不适用于移动设备。
任何帮助,不胜感激。
更新:工作灯版本 5.0.6.1设备安卓 4.0.4 - 索尼xperia它不在"浏览器"上运行,而是在浏览器外壳中(工作轻量级混合应用程序)
日期框是另一个元素的子元素吗?在这种情况下,这些按钮将永远不适用于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>