IE7 ne respecte pas les z-index

Cours d'exécution en mode de compatibilité pour le calendrier ci-dessous rend derrière les zones de texte ci-dessous. IE8 affiche le calendrier de la façon dont j'en ai besoin.

Mon CSS

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

les zones de texte qui sont en superposant le calendrier n'ont pas de z-index mis n'importe où, bien que j'ai essayé de mon côté serveur de code pour définir les index-z -1 si je détecte IE7 en vain. Toutes les suggestions?
IE7 ne respecte pas les z-index

InformationsquelleAutor user48408 | 2009-09-23
  1. 32

    IE a des problèmes avec les z-index. La plupart des navigateurs traiter la page comme un empilement de contexte, mais c'est à dire, les éléments en position de générer un nouveau contexte d'empilement, en commençant par un z-index de la valeur de 0.

    Comme mentionné dans cet article:

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

    essayer de donner le calendrier de l'élément parent d'un même z-index supérieur.

    • Je ne devrais pas dire IE7 a "des problèmes", c'est simplement les poignées de z-index différemment que les autres navigateurs ne.
    • Et ce serait un problème.
    • Quel heureux hasard de poster - j'ai eu le même problème
    • Pour être un peu plus précis: trouver le point où les deux éléments contradictoires, ont des ancêtres qui sont les frères et sœurs (où ils sont tous les deux à l'intérieur du même élément). Prenez le frère qui est un ancêtre de l'élément que vous voulez être sur le dessus, et donner que une position (par exemple, position: relative) et un haut de z-index. Il pourrait être le parent, ou il pourrait être même plus loin encore.
    InformationsquelleAutor rhodesjason
  2. 2

    J'ai finalement obtenu sur le dessus avec un autre arrière-plan transparent de l'image. 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);
    }
  }
    • votre transparent entretoise gif sauvé par le cul. je vous remercie.
    InformationsquelleAutor leymannx