Why don't you just hide the container rather than changing its z-index. and use the javascript to show the element you want
getElementById("name").style.display = "none"; // hides the element
getElementById("name").style.display = "block" // shows the element;
Here is some JS that should do the trick
<html>
<head>
<script type="text/javascript">
<!--
//this alternates the display
function showhide(name, button)
{
if(document.getElementById(name).style.display != "none")
{
document.getElementById(name).style.display =...
below is an example i wrote of what i think you are looking for, you will need to edit it to fit your own design
<html>
<head>
<style type="text/css">
<!--
.popup { position: absolute ; background-color: #000; opacity: 0.7; display:none; z-index: 100; float:right...
is this somthing on the lines of what you where looking for?
<html>
<head>
<style type="text/css">
<!--
#lock { background-color: #000; opacity: 0.7; display:none; width:100%;height:100%;}
#container{display:block; width:100%;height:100%; background-color: grey}...
This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
By continuing to use this site, you are consenting to our use of cookies.