Everything seems to be working fine with the 3 dropdown menus on this website, as they appear on top of the images below them. However, when I convert the site into an Android app using Webview, the menus end up going under the images instead of on top. Is there a way to fix this issue? Below is the HTML code related to the dropdown menus. Please let me know if any other code is required. Thank you!
<body>
<nav class="navbar navbar-default" role="navigation">
<div class="container">
(Dropdown menu HTML code here)
</div><!-- /.container-fluid -->
</nav>
(Center content and PHP code here)
</body>
CSS
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}