Problem mit Z-Index und IE7

Ich habe auf dem Brett und versuchte und Bündel dieser Lösungen und ich bin immer noch festgefahren.Problem mit Z-Index und IE7

Die Seite, die ich sehe, ist here. In IE7 erscheinen die Dropdowns hinter dem Inhalt der Homepage. Und wenn Sie zu einem der Website-Bereiche gehen, indem Sie auf "Menüs" klicken, erscheinen sie sogar hinter der dynamisch erstellten Seitenleiste.

Ich habe die Drop-Down einen Z-Index von 1000 und relative Positionierung gegeben. Auf der Startseite haben die Bilder eine relative Positionierung und einen kleinen Z-Index (1 oder 2).

Irgendwelche Ideen?

Quelle

2011-01-14 Chris

Sie möchten allen übergeordneten Elementen, die Ihre Dropdown-Elemente enthalten, position:relative oder zoom:1 hinzufügen. Zum Beispiel:

CSS:

.posRelative { position:relative; }

Generisches HTML:

... 
<body> 
    <div id="header" class="posRelative"> 
     <ul id="menu" class="posRelative"> 
      <li class="posRelative">....</li> 
      <li class="posRelative">....</li> 
      <li class="posRelative">....</li> 
     </ul> 
    </div> 
...

Natürlich gibt es effizientere Wege, diesen Stil Eigenschaft anwenden, aber hoffentlich bekommen die Idee.

Quelle

2011-01-14 22:34:29 chprpipr

Ich denke, es ist wegen der absoluten Positionierung der ul. Internet Explorer erstellt einen neuen Z-Index für alles, was absolut positioniert ist.

Sehen Sie, wenn Sie sie ändern können, um relativ positioniert zu werden.

Quelle

2011-01-14 22:50:10 Paul

Sie können dieses Update auch http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/ versuchen, funktioniert für IE6 und speicherte mich auch einige Male auf IE7. Sie müssen die Z-Index-Eigenschaften nur für IE6 & 7 festlegen und das Gegenteil der Logik tun.

Quelle

2011-01-14 23:21:44 regilero

Problem mit Z-Index und IE7

Antwort

Verwandte Themen