我的页面移动版本中有一个简单的JavaScript后退按钮:
HTML:
<a id="back_button" href="#" onclick="history.back(-1)"></a>
CSS:
#back_button {
right:0;
bottom:0;
position:fixed;
z-index:150;
height:50px;
width:50px;
background-image: url('/static/images/buttons/back.png');
background-size: 40px;
background-position: center;
background-repeat: no-repeat;
}
此按钮在移动浏览器中正常运行,可以看到here。在Android WebView中,它的位置正确,但无法单击。它下面的元素会触发点击事件,就好像它不存在一样。我已尝试使用touchstart
和其他事件,但这没有帮助。我假设这是由z-index
引起的。如何让这个按钮起作用?
P.S。我知道有一种更好的方法可以在Android WebView中获得“后退按钮”功能,但这必须是现在的解决方案。