dennis: z-index bei <div>

SELF-Forum

z-index bei <div>

dennis
– Informationen zu den Bewertungsregeln

Gibt es für layer, also <div> eine andere Möglichkeit, die Reihenfolge zu ändern als z-index, denn das funktioniert bei netscape nich oder?

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. z-index bei <div>

    Ole Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi

    Gibt es für layer, also <div> eine andere Möglichkeit, die Reihenfolge zu ändern als z-index, denn das funktioniert bei netscape nich oder?

    ja

    afaik: wenn du den z-index weglässt, werden die divs so übereinandergestellt wie sie im wuelltext auftauchen. das erste ganz "unten" das letzte ganz "oben".

    so long
    ole
    (8-)>

    --
    Die Summe aller menschlichen Intelligenz ist eine Konstante.
    Das Problem ist das Bevölkerungswachtum...
    sh:( fo:) ch:| rl:° br:& n4:° ie:% mo:} va:| de:] zu:| fl:( ss:) ls: js:|
    If you can't beat 'em...eat 'em !
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. z-index bei <div>

      dennis
      – Informationen zu den Bewertungsregeln

      ich habs mal ausprobiert, alle z-indexe weg genommen, mein problem besteht aber weiter. es liegt also wahrscheinlich nicht an den z-indexen. ich benutze ein i-frame, in einem layer, und das ist immer über alles anderen, aber nur bei netscape...
      ich hab die problem-seite unter www.stamm-parzival.de/problem gestellt.

      gruß dennis

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. z-index bei <div>

    Joachim Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    Gibt es für layer, also <div> eine andere Möglichkeit, die Reihenfolge zu ändern als z-index, denn das funktioniert bei netscape nich oder?

    Warum sollte zIndex im NC 4x nicht gehen?

    <html>
    <head>
    <style type="text/css">
    #ebene0,#ebene1 {
     position:absolute;
     top:100px;
     left:100px;
     width:200px;
     height:200px;
     background-color: red;
     layer-background-color: red;
     border: none;
    }

    #ebene1 {
     top:110px;
     left:110px;
     background-color: blue;
     layer-background-color: blue;
    }
    </style>

    <script language="javascript1.2" type="text/javascript">

    // einfache div-layer referenzieren
    // hier kein Zeilenumbruch
    function dRefS(num) {return (document.layers? document.layers[num] : (document.all? document.all[num].style : document.getElementById(num).style))};

    function swap(up,dn) {
     dRefS("ebene" + up).zIndex =  10;
     dRefS("ebene" + dn).zIndex =  1;
    }
    </script>

    </head>

    <body>
    <a href="#" onclick="swap('0','1');return false;">rot vorne</a>   <br>
    <a href="#" onclick="swap('1','0');return false;">blau vorne</a>
    <div id="ebene0"></div>
    <div id="ebene1"></div>
    </body>
    </html>

    Gruesse  Joachim

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln