Javascript Android WebView:fixed position元素未注册单击事件

我的页面的移动版本中有一个简单的JavaScript后退按钮：

HTML:

此按钮在移动浏览器中正常工作，并且可以看到。在Android WebView中，它的位置正确，但无法单击。它下面的元素触发单击事件，就好像它不在那里一样。我曾经尝试过使用

touchstart

和其他事件，但没有任何帮助。我假设这是由

z-index

引起的。我怎样才能让这个按钮工作

---

另外，我知道有更好的方法可以在Android WebView中获得“后退按钮”功能，但这必须是目前的解决方案。

如果将z索引更改为0，会发生什么？我需要确保此按钮位于页面上其他元素的顶部。

<a id="back_button" href="#" onclick="history.back(-1)"></a>

#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;
}