Uschi Renziehausen: IE kann das doch (WUNDER)

Beitrag lesen

Hallo,

das geht doch wunderbar. Nachfolgender Code ist getestet unter IE 5.0 und 5.5, Mozi kanns eh, nur NN4.x bleibt natürlich draußen.

<html>
  <head>
  <title></title>
  <style type="text/css">
    .formLayer {
      position:absolute;
      top:20px;
      left:20px;
      width:500px;
      height:500px;
      background-color:#ffff00;
      color:#000000;
      z-index:1;
    }
    .helpLayerOff {
      position:absolute;
      top:0px;
      left:0px;
      width:200px;
      height:200px;
      background-color:#ff0000;
      color:#ffffff;
      z-index:2;
      display:none;
    }

.helpLayerOn {
    position:absolute;
    top:0px;
    left:0px;
    width:200px;
    height:200px;
    background-color:#ff0000;
    color:#ffffff;
    z-index:2;
    display:block;
    }

</style>
  </head>
  <body>
    <div class="formLayer">
    <form>
      <input type="text" name="txt1" id="txt1" />
      <input type="checkbox" name="chk1" id="chk1" /> Checkbox 1
      <input type="checkbox" name="chk2" id="chk2" /> Checkbox 2
      <div onclick="document.getElementById('helpLayer').className = 'helpLayerOn'">Hilfe anzeigen</div>
    </form>

</div>
    <div id="helpLayer" class="helpLayerOff">Irgendein Hilfetext</div>
  </body>
</html>

Liebe Grüße, Uschi