移动混合应用覆盖问题

时间:2013-12-27 08:18:26

标签: html css ibm-mobilefirst hybrid-mobile-app

混合移动应用程序中的页面上的叠加层存在问题。我们在页面上有几个按钮,位置相对,点击一个按钮覆盖面板显示日期选择器,它有一个固定的位置。

问题是当我们选择带日期选择器的日期并点击设置按钮来设置日期时,页面后面的按钮也会触发点击事件。

我们给叠加层提供了更高的z-index。同样的事情适用于桌面浏览器,但不适用于移动设备。

感谢任何帮助。

更新: Worklight版本5.0.6.1 设备Android 4.0.4 - 索尼xperia 它不是在“浏览器”上运行,而是在浏览器shell(worklight混合应用程序)中运行

1 个答案:

答案 0 :(得分:2)

日期框是否是另一个元素的子元素?在这种情况下,按钮将永远不适用于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>