J'ai donc rencontré un bug que je ne peux pas comprendre dans IE8. J'ai vu des vioëfies, mais celle-ci pourrait prendre le gâteau.
J'ai essayé de le reproduire dans Codepen, mais nous avons beaucoup de code pour cela, je vais donc essayer d'inclure les styles calculés de IE8. P>
Utilisation de la Fondation 5, j'ai une barre supérieure qui commence à ressembler à ceci: p>
p>
p>
La liste déroulante est positionnée absolument, Donc, cela ne devrait évidemment pas étirer le conteneur parent. Cela n'étente pas le parent, mais le grand-parent. Voici le balisage: p> p> le CSS calculé de IE8: p> si vous avez besoin Plus d'informations laissez-moi savoir. Merci d'avance. P> Pour référence, je teste sur un VM Parallels de Win7 avec IE8 avec IE8, en utilisant le mode document IE8 et les normes IE8. P> P>
5 Réponses :
Avez-vous un lien pour voir ceci? Je me demande si vous devriez peut-être définir le relatif UL pour positionner. Je pense que le LI tombe sur le premier article relativement positionné. Espère que cela aide. P>
Je suis désolé je ne le fais pas. Même s'il tombait au premier article relativement positionné, il ne devrait toujours pas rester dans le flux.
Avez-vous un lien pour voir ceci?
Si l'un des éléments parents de l'élément absolu a la position: le rapport absolu est calculé par rapport à cela,
Essayez de supprimer la position: par rapport aux conteneurs parent peut-être peut-être aider P>
Assurez-vous également que vous avez raison p> au début de votre fichier p> p>
Peu importe quel élément a la position: relative dessus, il ne devrait pas élargir un élément contenant. Position: Absolute est censé prendre l'élément hors du flux, de sorte que son parent ne doit donc pas être en expansion, quel que soit l'élément qui se positionné.
Ce n'est pas une erreur de rendu IE8, mais une erreur de codage / incompatibilité quelque part. Ce code de démonstration montre que IE8 prend des éléments déroulants absolument positionnés hors du flux: . Comme dans le code fourni de la question ne contient pas de CSS
Je n'ai pas fait de démo en direct car Jsfiddle, Jsbin et les goûts ne fonctionnent pas dans IE8, mais je l'ai testé dans un mode réel IE8 et IE9 en mode IE8. P> : HOVER CODE> Déclaration d'état, l'erreur de codage / incompatibilité peut mentir dans le JavaScript qui conduirait l'état de navigation. p> p>
Votre liste déroulante a une largeur maximale de 200px. IE8 ne traite pas bien avec Max-largeur. Essentiellement, il est traité comme une déclaration de largeur. Votre forçage d'une largeur de 200px dans IE8. Vous auriez besoin de le définir sur None ...
max-width:none\9; /* IE8 */
Je ne pense pas que ce "bogue" a quelque chose à voir avec la position: absolu; ne pas prendre le .dropdown hors du flux. Li.HAS-Dropdown a également un état .hover lui appliqué. Il y a probablement un autre style appliqué à Li.HAS-Dropdown causant # Global-Nav. Peut-être qu'un rembourrage supplémentaire est appliqué à Li.HAS-Dropdown. Malheureusement, nous n'avons pas tout le code pour déboguer correctement. P>
IE8 n'est pas pris en charge dans la Fondation 5 sur tout fondation.zurb.com/docs/compatibility.html < / a> et n'a qu'un support partiel dans F4 fondation.zurb.com/ DOCS / V / 4.3.2 / Support.html Si vous souhaitez une assistance complète IE8 Utilisez F3. Aussi Stackoverflow.com/questions/tagged/...
Je suis au courant de cela et j'ai résolu la plupart des choses qui n'ont pas fonctionné. C'est une question très spécifique sur un problème très spécifique.
J'ai vu une tentative de fabrication de F5 IE8 compatible sans la partie JS comme celle-ci fondation.zurb.com/forum/posts/241-foundation-5-and-ie8 Mais il n'est pas clair à quel point cette solution est fiable et il est difficile de déterminer si vous avez résolu la plupart d'entre eux ou juste certains.
Je sais tout cela, le problème n'est pas fondé, c'est très spécifiquement un problème avec CSS et IE8. Je n'ai pas besoin d'aide avec la fondation, j'ai besoin d'aide avec ce menu déroulant ne pas être sorti de la circulation.
Votre HTML
Oui, c'était juste une faute de frappe ici, pas dans mon code. Mais merci
Compte tenu de la propriété CODE> CLIP CODE> ne fonctionne que si le positionnement est absolu, peut-être iE8 traite la liste déroulante "spécialement". Je me demande si vous utilisez un style différent pour contrôler la visibilité (comme
affichage code>) aurait un effet?
Ce genre de CSS n'a-t-il pas un problème?
// L'état Dropdown Open Code> Il devrait être plus similaire
/ * l'état déroulant ouvert * / code>
Cela pourrait être évident, et idiot, mais la fondation fait quelque chose comme
document.createelement ("NAV"); code> pour faire
NAV code> Tags disponibles dans IE8?
Jusqu'à présent, il n'y a pas eu un problème IE8 que je n'ai pas pu résoudre, mais j'aurais toujours besoin de votre code d'origine. Le style calculé ne fera pas, car cela pourrait être erroné en raison de la codage ou des erreurs de mise en œuvre IE8. De préférence, un code à os entier mais nue, puisque le violon et les goûts sont dysfonctionnels dans IE8.
@Frankconijn Je ne peux pas montrer le lien publiquement, mais si vous voulez me frapper en privé, je peux vous montrer. calley.cnye@gmail.com
Je ne dérange pas les emails privés, mais comme vous l'avez écrit ", j'ai essayé de le reproduire dans CodePen, mais nous avons beaucoup de code pour cela", trouver une solution in vivo avec la fonction de développement limitée (le réel) IE8 a des sons comme Beaucoup de travail ... Peut-être que tu veux donner à Codepen un autre essai? Et j'ai une autre question: je ne vois pas de
: survoler la déclaration code> dans vos çss? Cela signifie-t-il que l'état du Hover est axé sur JavaScript?
Ce n'est pas un problème IE8. Voir ma réponse.
Je suppose que cela a quelque chose à voir avec le fait que vous utilisez la "visibilité" pour montrer / masquer plutôt que "afficher". Objects Je ne peux pas tester cela dans votre environnement, mais c'est là que je commencerais.