I have given the code below where the listbox is coming above the popup.
[HTML]<html>
<head>
<title>Method Two</title>
<style>
#layer {
position: absolute;
top: 10px;
left: 0px;
width: 220px;
height: 100px;
border: 1px solid black;
background-color: #e4e4e4;
padding: 10px;
z-index: 11;
opacity:10
}
#iframe {
position: absolute;
top: 10px;
left: 0px;
width: 400px;
height: 400px;
z-index: 10;
}
</style>
<script type="text/javascript">
function fun(){
document.getEle mentById("layer ").style.visibi lity="visible";
document.getEle mentById("layer ").style.displa y="block";
}
function fun1(){
document.getEle mentById("layer ").style.visibi lity="hidden";
document.getEle mentById("layer ").style.displa y="none";
}
</script>
</head>
<body bgcolor="#FFCC6 6">
<div id="layer" style="visibili ty:hidden; display:none">
<input name="" type="button" value="ok" onClick="fun1() ">
</div>
<select name="" style=" width:100px"></select>
<select name="" style=" width:100px"></select>
<select name="" style=" width:100px"></select>
<input name="input" type="button" onClick="fun()" value="click Here">
</body>
</html>[/HTML]
50
