CSS Position Fixe ne fonctionne Pas dans IE 11

J'ai une image de la galerie, avec des sous-titres au bas de l'écran (image du haut). Les légendes de l'utilisation position:fixed; bottom:0;, et fonctionne dans tous les navigateurs, mais c'est à dire, même à la dernière version (11.096...). La légende est fixé à la partie supérieure de l'écran, à la place du fond (image du bas).

CSS Position Fixe ne fonctionne Pas dans IE 11
CSS Position Fixe ne fonctionne Pas dans IE 11

J'ai essayé quelques suggestions que j'ai trouvé lors de mes recherches sur mon propre:

  • Vérifié le bon doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
  • Ajouté <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  • Ajouté expressions de mon CSS:

    position:fixed;
    _position:absolute;
    bottom:0;
    _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);

Ce qui me manque ici?

  • Pardon pour mon épaisseur si il y a une raison évidente qui me manque ici, mais n'êtes-vous pas forcer le navigateur à la version IE7 en mode de compatibilité esprit que les X-UA-Compatible de la balise meta? Pour remplacer IE=EmulateIE7 avec IE=edge pas se comporter comme prévu?
  • Je le pensais aussi. Mais j'ai lu que dans un post, et il a essayé, et je voulais juste indiquer que, avant que quelqu'un d'autre l'a suggéré.
  • Ah, ok. On dirait que vous avez trouvé une solution basée sur la suggestion ci-dessous. Heureux IE de débogage!
InformationsquelleAutor Ty Morton | 2015-03-20
  1. 18

    1. Essayez d'utiliser position: expression(fixed);

    2. Essayez d'utiliser position: relative; sur l'élément parent et position: absolute; sur votre légende. C'est cross-browser.

    • Le numéro 2 n'est pas une option, dans ce cas. La enfermant div doit être absolue pour le curseur de travail.
    • Avez-vous l'essayer? Le positionnement doit travailler pour un absolu élément à l'intérieur d'un autre absolu de l'élément.
    • Il s'avère que le problème était un autre fichier CSS, celui qui est venu avec le plugin WP qui crée le diaporama. Pour une raison quelconque, mon CSS personnalisé n'a pas été primordial dans IE. Dans tous les autres navigateur, il a fonctionné comme prévu, mais IE tenus de l'appliquer. Bizarre. J'ai fait de la liquidation de la modifier afin de l'absolu, cependant. Il a obtenu le même effet, et est garanti pour fonctionner. Merci!
    • #1 fonctionne pour IE11
    InformationsquelleAutor Ciprian