✔ Internet Explorer List Box über Layer

Status
Nicht offen für weitere Antworten.
S

Sapperlot

Mitglied
Hallo,

Wenn ich eine ListBox auf meiner Website habe und darüber einen Layer (<div>), dann wird die ListBox im Internet explorer trotzdem VOR dem Layer angezeigt...

Das sollte ein relativ bekanntes Problem sein.

Gibt es zu diesem auch eine Lösung?
Gruß, Bastian
 
Mir ist dazu keine Lösung bekannt. Du könntest aber auch statt des select-Elements auch input-Elemente des Typs „radio“ beziehungsweise „checkbox“ nehmen.
 
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:
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">&nbsp;</div>
</div>
</body>
</html>
Ciao
Quaese
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück