Z-Index Probleme in IE8 bei der Verwendung von 960 Gitter

Ich habe ein Problem in IE8, wo meine Dropdown-Navigation ist hinter einem anderen Element. Ich habe alles ausprobiert, indem ich den Index des betreffenden Elements auf 1 und das Dropdown auf 99 und 999 gesetzt habe. Ich denke, es hat etwas mit der Tatsache zu tun, dass ich 960 Gitter verwende, wie es früher funktionierte, als ich nicht war.Z-Index Probleme in IE8 bei der Verwendung von 960 Gitter

Update: Problem tritt in IE8.0.6 aber nicht IE8.0.7

Update 2: Problem tritt in IE8.0.6001.187021C aber nicht IE8.0.6001.1870

ich Microsoft hassen.

Here is my stylesheet und Sie können das Problem geschieht here

Quelle

2011-01-05 Shane Reustle

Das ist Sue erscheint auch in IE 7.0.6002.18005, ich habe nicht 8, aber das folgende scheint für mich lokal zu arbeiten und sieht aus, als würde es Firefox nicht brechen, also würde es vielleicht auch für IE8 funktionieren, aber dann wieder nicht wissen, ob ihre möglich für Sie, oder wenn es führen, dass Sie Probleme in zukünftigen Updates aber es lohnt sich ein Schuss:

in der Hauptseite ich in ein paar Tags ersetzt:

a) <div id="left_container" class="grid_1">

mit <div id="left_container" class="grid_1" style="position:static;">

b) alle Vorkommen von <li class="last">Folgende Klasse & Wähler in externen CSSmit <li class="last" style="position:static;">

ODER

Suchen/Ersetzen Sie wie folgt vor:

960grid.css

.container_5 .grid_1 { 
    WIDTH: 182px; 
     position:static; 
}

style.css

#drop_nav .last { 
    BORDER-BOTTOM: #fff 0px solid; 
     position:static; 
}

Btw Ich habe es gerade auf IE8 6001 18720 & versucht es gab überhaupt keine Probleme mit Ihrer Webseite. Ich musste nichts ändern & es angezeigt, ok (nicht die CSS bearbeitet oder irgendetwas nur besuchte die URL und es hat funktioniert).

Quelle

2011-01-12 23:43:54 user44298

Probleme wie in es war nicht die gleiche Wirkung? –

Es hat funktioniert, danke :) –

IE ist bekannt, haben z-index Bugs sehen, das hat nichts mit 960 Raster zu tun.

Sie können entweder gibt die Liste Behälter (#left_container) einen höheren z-index:

#left_container { 
    z-index: 999; 
}

oder den Z-Index für den center_element senken:

#center_element { 
    z-index: -1; 
}

siehe auch: http://doctype.com/ie8-zindex-anomaly

Quelle

2011-01-08 16:53:09 robozevel

Wie gesagt, das zentrale Element ist derzeit 999 oder so, und das mittlere Element ist 1. Hat -1 einen anderen Effekt? –

Ich habe es auf IE8 im Kompatibilitätsmodus getestet und es funktioniert. – robozevel

Speziell Probleme mit IE8.0.6001.187021C, soweit ich weiß. –

Versuchen Sie auch "#drop_nav li" einen Z-Index zu geben

Quelle

2011-01-11 21:30:54 Gerben

Kein Glück, aber danke –

Z-Index Probleme in IE8 bei der Verwendung von 960 Gitter

Antwort

Verwandte Themen