✔ Internet Explorer List Box über Layer
- Themenstarter Sapperlot
- Beginndatum
- Status
Hi,
lege unter das DIV zusätzlich noch einen iFrame (eine Ebene tiefer). Damit sollte auch der IE das
SELECT-Element nicht mehr anzeigen.
Beispiel:
Ciao
Quaese
lege unter das DIV zusätzlich noch einen iFrame (eine Ebene tiefer). Damit sollte auch der IE das
SELECT-Element nicht mehr anzeigen.
Beispiel:
HTML:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>www.tutorials.de</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
<!--
.frmLayer,
#divID{ position: absolute;
top: 0;
left: 0;
width: 100%;
height: 120px;
display: none;}
.frmLayer{ z-index: 99;}
#divID{ background: #efefef;
z-index: 100;}
//-->
</style>
<script type="text/JavaScript">
<!--
function hideForm(){
// iFrame ein- bzw. ausblenden
objHide = document.getElementById("frmID").style;
objHide.display = (objHide.display=="block")?"none":"block";
// DIV ein- bzw. ausblenden
objHide = document.getElementById("divID").style;
objHide.display = (objHide.display=="block")?"none":"block";
}
//-->
</script>
</head>
<body>
<button onclick="hideForm();">hide</button>
<div style="position: relative;">
<form>
<div>
<select name="selTest">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
</form>
<iframe id="frmID" src="" frameborder="0" class="frmLayer"></iframe>
<div id="divID"> </div>
</div>
</body>
</html>Quaese
- Status
