IE11 CSS alternative à la “unset”

J'ai un fixe div de ma page qui est positionné avec les propriétés CSS suivantes:

width: 320px;
height: 160px;
position: fixed;
right: 15px;
bottom: 15px;
top: unset;
z-index: -1;

La div s'affiche bien dans le bas à droite de la page, dans d'autres navigateurs, mais dans Internet Explorer 11 la div s'affiche en haut à droite. Je crois que cette question est à venir à partir de top: unset; qui ne semble pas être pris en charge dans IE.

Existe-il des solutions de contournement à l'aide de CSS ou JS qui pourraient être utilisés pour atteindre le même positionnement?

  • Avez-vous essayé none ou initial? Sans plus de code, il est difficile de savoir si elles fonctionnent pour vous
  • Vous pouvez utiliser le auto valeur si vous voulez aller à la valeur par défaut.
InformationsquelleAutor Mike | 2018-01-24
  1. 46

    Vous êtes à la recherche pour top: auto, il me semble.

    • Oui, à toutes fins et intentions, juste coder en dur la valeur initiale de l'auto fonctionne. en haut n'est pas héréditaire, ce qui rend le dessus: unset équivalent haut de page: initiale et, par conséquent, l'équivalent de top: auto.
    • IE11 comportement ne respecte pas les spec - à moins qu'une valeur valide est fourni (si une valeur non valide, comme unset est fourni, la règle est/devrait être ignorée), alors la valeur par défaut de auto doit être appliqué: w3.org/TR/css-position-3/#propdef-top
    • Tenez-vous bien, n'est-ce pas unset une valeur valide, tout comme initial? Voir aussi SOCIÉTÉ où unset est donné comme un exemple de la valeur globale. En outre, voir la MDN article sur unset lui-même. Il peut être appliqué à toute propriété CSS [...]
    • À l'aide de top: auto au lieu de unset semble avoir résolu le problème sur IE11, sans affecter son apparition sur d'autres navigateurs
    • bon point, mon commentaire était mal. Ainsi, la valeur de unset devrait se comporter comme initial dans le contexte de la top de la règle et de la initial valeur pour top est auto....donc, IE11 est encore mal d'après les specs, mais pas pour la raison que j'ai indiqué.
    • Je suis confus, cependant. Lors de la recherche initial (en tant que valeur du mot-clé; différent de la valeur initiale d'une propriété), la compatibilité de la feuille dit qu'il n'est pas pris en charge par Internet Explorer. Donc je suppose que IE ignore la ligne, mais tout de même - il faut ensuite par défaut pour auto ainsi. Je ne sais pas pourquoi IE ne ce.
    • unset;' n'a pas de travail pour moi, de toute façon cela m'a aidé, merci. Mais, quand je suis à l'inspection de l'élément dans IE, je vois que dans " padding : auto;' "auto" a été prise en rouge souligné, aucune raison pour que?
    • Merci de poster une nouvelle question. Il est différent de celui-ci.

    InformationsquelleAutor Bram Vanroy
  2. 10

    Tout top:auto travaillera dans le cas de top, il convient de mentionner que auto n'est pas simplement un "c'est à dire l'équivalent de" unset ou initial.

    Par exemple, la valeur initiale pour max-width est none (source). Et la valeur initiale pour background-color est transparent (source). Chaque propriété CSS a une valeur initiale, et pour IE, il doit être explicitement défini.

    Valeurs initiales sont inscrites sur des sites comme MDN, et w3schools (où ils sont appelés "valeurs par défaut").

    Avec une question de titre comme IE11 CSS alternative à la “unset” beaucoup de gens vont trouver cette page à partir d'un moteur de recherche, qui ont des besoins qui diffèrent de OP. Donc, je pense qu'une explication de comment trouver les valeurs initiales est plus utile qu'une "il suffit d'utiliser ce type de réponse.

    • Merci pour le MDN source, qui ne savaient pas qu'ils la liste de la valeur initiale pour chaque propriété CSS. Très utile.
    InformationsquelleAutor Mentalist