Problem z indeksem IE7/IE8 z

Question

Działa w trybie zgodności kalendarz poniżej renderuje poniżej pola tekstowe poniżej. IE8 wyświetla kalendarz, w którym potrzebuję.

Moje CSS

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

te pola tekstowe, które są nakładanie kalendarz nie mają ich z-index ustawić w dowolnym miejscu, choć próbowałem w moim kodu po stronie serwera, aby ich z-index do -1 jeśli ja wykryj IE7 bez skutku. Jakieś sugestie? alt text http://img62.imageshack.us/img62/7127/overlay.gif

Answer 1

IE ma problemy z z-index. Większość przeglądarek traktować stronę jako jeden ciągły kontekście układania, ale w IE, elementy pozycjonowane wygenerować nowy kontekst układania, począwszy od wartości z-index 0.

Jak wspomniano w tym artykule:

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

spróbuj podać elementowi nadrzędnemu kalendarza jeszcze wyższy indeks z.

Answer 2

Wreszcie dostałem go na wierzchu z dodatkowym przezroczystym tłem. 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); 
    } 
    }