1. Zuhause
  2. Frage und Antwort
  3. Problem mit Z-Index und IE7

Problem mit Z-Index und IE7

2011-01-14 5 views
0

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

Antwort

0

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

0

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

 Verwandte Themen

  • Keine verwandten Themen^_^