Ergebnis 1 bis 4 von 4
  1. #1
    Sven Keinath ist offline Grünschnabel
    registriert
    28-09-2012
    Beiträge
    4

    IE Problem: Kindelement liegt über Elternelement trotz z-index

    Hallo,

    ich versuche es zu schaffen, dass ein Element von einem anderen überlagert wird sobald es gehovert wird. Da das gehoverte Element dann aber verdeckt ist habe ich ein drittes Element erzeugt das als Maske über den beiden anderen Elementen liegt.

    - Ist das eine saubere Lösung? Ich hab irgendwie das Gefühl, dass man das auch noch besser Lösen kann. -

    Ich habe also drei Objekte auf drei Ebenen. Von Oben nach unten: die Maske, das versteckte Element (enthält <p>), das sichtbare Element (enthält auch <p>).
    Im FF, Chrome und Opera funktioniert alles nur im IE verschwindet das versteckte Element sobald ich <p> berühre - obwohl die Maske ja darüber liegen sollte.
    Ich habe schon google befragt, js statt css benutzt und die verrücktesten Positionierungen und z-index Kombinationen ausprobiert.

    Ich hab ein Beispiel bei jsfiddle erstellt.
    Ironie des Schicksals aber jsfiddle funktioniert (bei mir?!) im IE nicht. CodePen scheint aber im Moment auch down zu sein.
    Auch wenn es im IE nicht klappen sollte könnt ih ja dort wenigstens den Code sehen.

    grüße

  2. #2
    Avatar von scrypter
    scrypter ist offline Haudegen
    registriert
    25-06-2011
    Beiträge
    706

    AW: IE Problem: Kindelement liegt über Elternelement trotz z-index

    so sollte es funktionieren: Edit this Fiddle - jsFiddle
    Geändert von scrypter (05-10-2012 um 09:13 Uhr)
    fatal error: EBKAC (error between keybord and chair)

  3. #3
    Sven Keinath ist offline Grünschnabel
    registriert
    28-09-2012
    Beiträge
    4

    AW: IE Problem: Kindelement liegt über Elternelement trotz z-index

    Juhu Perfekt. Damit brauche ich ja auch die komische Maske nicht mehr.
    Also so:
    HTML-Code:
    <div class="eins"><p>eins</p></div>
    <div class="zwei"><p>zwei</p></div>
    Code:
    p {
        font-size: 14px;
    }
    div {
        width: 200px;
        height: 200px;
        position: absolute;
    }
    .eins {
        background-color: #006666;
        z-index: 1;
    }
    .zwei {
        background-color: #F60;
        z-index: 0;
    }
    .eins:hover {
        z-index: -1;
    }
    .zwei:hover {
        z-index: 2;
    }
    Vielen Dank dafür !
    grüße

  4. #4
    Avatar von scrypter
    scrypter ist offline Haudegen
    registriert
    25-06-2011
    Beiträge
    706

    AW: IE Problem: Kindelement liegt über Elternelement trotz z-index

    dann reicht's auch so
    Code:
    p {
        font-size: 14px;
    }
    div {
        width: 200px;
        height: 200px;
        position: absolute;
    }
    .eins {
        background-color: #006666;
        z-index: 1;
    }
    .zwei {
        background-color: #F60;
        z-index: 0;
    }
    .eins:hover {
        z-index: 0;
    }
    .zwei:hover {
        z-index: 1;
    }
    fatal error: EBKAC (error between keybord and chair)

Ähnliche Themen

  1. höhe vererben bei absolute kindelement?
    Von theexplainer im Forum CSS und (X)HTML
    Antworten: 6
    Letzter Beitrag: 13-05-2011, 00:11
  2. Prüfen ob Elternelement existiert
    Von shanxp im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 05-02-2010, 18:30
  3. Antworten: 2
    Letzter Beitrag: 27-03-2008, 10:47
  4. else if, wo liegt das problem?
    Von tmaniacr im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 06-11-2006, 14:36
  5. Woran liegt das problem! doc.write();
    Von Oleg.de im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 21-11-2000, 19:16

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •