2010-01-19 4 views
2

Je pense que j'ai un problème avec IE8 et ça me rend fou. Permettez-moi de l'expliquer avec des images et une démo en ligne.IE8 Toggle Bug?

Lorsque vous visitez la page, il est tout normal que vous voyez ci-dessous

a http://yasinergul.com/FlashDen/IE8-Toggle-Bug-Demo/image/a.jpg

Ensuite, lorsque vous cliquez sur le lien « Cliquez ici pour en ajouter un bouton » .. il affiche un div qui comprend un forme ... jusqu'à ce maintenant il fonctionne toujours très bien comme vous le voyez ci-dessous ...

b http://yasinergul.com/FlashDen/IE8-Toggle-Bug-Demo/image/b.jpg

Lorsque vous cliquez sur le bouton « Annuler » il se cache sous forme ... mais cette fois-ci « texte ici » effondrement partiel au gree bo x ci-dessus ..

c http://yasinergul.com/FlashDen/IE8-Toggle-Bug-Demo/image/c.jpg

Mais lorsque vous essayez de sélectionner le texte sur la page ou cliquez sur un espace vide sur la page, retourne « texte ici » en position normale ...

Et la chose étrange est, puisqu'il y a une fonction bascule sur le lien, vous pouvez également fermer le formulaire avec "Cliquez ici pour en ajouter un nouveau" et lorsque vous fermez le formulaire en cliquant sur le lien "Cliquez ici pour en ajouter un nouveau" ...

J'ai également essayé d'utiliser les méthodes show(), hide() ou addClass(), removeClass() avec une classe qui inclut "display: non e "... J'ai aussi essayé toggleClass(), mais pas de chance ...

Je pense que c'est sur le moteur de rendu de IE8 mais peut-être vous gourous HTML-CSS-jQuery là-bas peut-être savoir une solution de contournement ...

http://yasinergul.com/FlashDen/IE8-Toggle-Bug-Demo/

Meilleures salutations,
PDesignX

+0

Je ne sais pas la raison, mais quelque chose d'autre qui est intéressant. Si vous utilisez IE8 Developer Tools et supprimez la classe cachée de la div # box-add (avant de cliquer sur le lien Ajouter), le lien "Cliquez ici pour en ajouter un nouveau" affiche le problème et "Annuler" fonctionne correctement . –

+0

oui je l'ai aussi remarqué ... il ne s'agit donc pas d'être à l'intérieur du div qui est montré ou caché. –

Répondre

3

enlever la marge inférieure de la boîte .inf et en ajoutant un rembourrage à la div qui contient « texte ici » ont résolu le problème ... on dit que il s'agit d'un problème de "marge de réduction" ...

, vous trouverez une description détaillée à ce sujet ici

http://css-discuss.incutio.com/?page=CollapsingMargin