1

Je travaille sur mon premier projet SharePoint supportant l'UX. La page de mon client utilise des css personnalisés, y compris un menu principal horizontal avec des sous-menus déroulants. Lorsque la page est chargée dans IE9, aucun des sous-menus ne fonctionne correctement. Les listes déroulantes s'affichent lorsque vous passez la souris sur l'élément de niveau supérieur, mais lorsque vous faites glisser votre curseur vers le sous-menu, le pointeur ne s'enregistre pas et le menu disparaît.IE9 Mode Document Toggle corrige les problèmes CSS SharePoint?

Ces liens fonctionnent très bien dans les dernières versions de Chrome et Firefox, donc je suis à peu près sûr qu'il s'agit d'une fonctionnalité IE. Dans IE9, si j'ouvre les outils de développement et basculer le mode de document de IE9 à IE7 puis de nouveau à IE9, les menus fonctionnent correctement pour la durée de vie restante de l'onglet du navigateur (par exemple lorsque j'utilise les sous-menus pour naviguer vers d'autres pages , les listes déroulantes continuent à fonctionner correctement). Malheureusement, puisque c'est SharePoint, je n'ai pas beaucoup de contrôle sur la structure du code HTML ici.

Quelqu'un sait ce qui pourrait se passer? Est-ce que quelqu'un sait l'impact de basculer les modes de navigateur à IE7 et retour et pourquoi cela pourrait résoudre le problème? Merci!

+0

Ainsi, lorsque la page se charge pour la première fois et que vous regardez dans les outils de développement, elle indique * Document Mode: IE9 Standards *? – tw16

+0

C'est exact. Si je le change aux normes IE7 et puis aux normes IE9 cela fonctionne. Je crois que la méta-balise décrite par lofto ci-dessous fonctionnera, mais seulement si je peux m'assurer que c'est le premier méta-élément de la section head. J'ai du mal à manipuler SharePoint pour positionner la méta-balise là-dedans. – GenuineSmile29

+0

@ GenuineSmile29 J'ai essayé ceci et cela ne fonctionne pas pour moi. Avez-vous trouvé une solution? – bgmCoder

Répondre

3

Essayez ceci:

<meta http-equiv="X-UA-Compatible" content="IE=7"> 

Il forcera IE8, IE9 etc à rendre comme si elles étaient IE7.

+0

Je vais essayer et rapporter! – GenuineSmile29

+0

J'obtiens: HTML1115: Balise META compatible X-UA ('IE = 7') ignorée car le mode document est déjà finalisé. – GenuineSmile29

+0

Je pense que je dois positionner l'étiquette META de sorte qu'elle soit la première étiquette META dans la section tête. Sinon, il est ignoré. – GenuineSmile29