常规的方法是不能解决问题的。
子页面既然挡在主页面的前面,被遮挡的区域就不可能显示主页面的内容,无论主页面里面 DOM 对象的 zIndex 调到多高也没用。
我记得官方技术人员在另一个类似问题的帖子里回复的建议方案,是让主页面给子页面发消息(用 mui.fire() 发送自定义消息),由子页面显示弹出菜单,用户选择后再由子页面向主页面发送自定义消息报告选择结果。
这个方法……好吧,如果你不介意程序代码被搞乱,可以试试。一个简单的弹出菜单功能要通过 webview 之间互相发消息来协调,而且,不止一个子页面要参与其中哦……
还有一个方法可以考虑,就是专门创建一个 webview 来实现弹出菜单,但为了达到显示效果,需要设置 webview 的 background 为 transparent(同时网页 html 的 background 也要设置成某种半透明效果),参考文档 http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewStyle
不过这个设置有系统版本限制,在不支持 transparent 的环境下会很难看。