IE7/IE8 Z-Index Problem

Question

Im Kompatibilitätsmodus läuft der Kalender unten hinter den Textfeldern unten. IE8 zeigt den Kalender an, wie ich es brauche.

Meine CSS

.MyCalendar .ajax__calendar_container 
{ 
border:1px solid #7F9DB9; 
background-color: #ffffff; 
z-index : 1004 ; 
width:190px; 
} 

die Textfelder, die den Kalender überlagern nicht ihre z-index überall gesetzt haben, obwohl ich in meinem Server-Side-Code versucht haben, ihre Z-Index auf -1 zu setzen, wenn ich erkennt IE7 ohne Erfolg. Irgendwelche Vorschläge? alt text http://img62.imageshack.us/img62/7127/overlay.gif

Answer 1

IE hat Probleme mit Z-Index. Die meisten Browser behandeln die Seite als einen fortlaufenden Stapelkontext, aber in IE, positionierten Elemente erzeugen einen neuen Stapelkontext mit einem Wert z-Index von 0. Ausgang

Wie in diesem Artikel erwähnt:

http://trwa.ca/2012/03/ie-z-index-bug-and-how-to-squash-it/

versuchen Sie, dem übergeordneten Element des Kalenders einen noch höheren Z-Index zu geben.

Answer 2

Ich habe es endlich mit einem zusätzlichen transparenten Hintergrundbild oben drauf. IE8. SASS:

#galerie-link { 
    position: absolute; 
    z-index: 1000; 
    top: 25px; 
    left: 40px; 
    a { 
     display: block; 
     width: 185px; 
     height: 90px; 
     background-image: url(../images/transparent.png); 
    } 
    }