IE 7 bug d'affichage et jQuery Datepicker

Question

J'ai rencontré un problème que je n'avais jamais vu auparavant avec le navigateur que nous connaissons et aimons tous. Sur cette page - http://weresayingido.com/register - les étiquettes et le texte d'aide ne s'affichent pas normalement dans IE. Cependant, en clignotant rapidement le Datepicker en utilisant le code suivant, tout le texte est rendu normalement.

// IE detection hackery 
if ('\v' == 'v') { 
    // Flash the Datepicker UI 
    $('input[name="date"]').focus(); 
    $('input[name="date"]').blur(); 
    setTimeout("$('body').mousedown()", 1); 
} 

(Oui, le setTimeout est nécessaire, sinon le bloc Datepicker reste juste là. Non, je ne sais pas pourquoi, mais j'aimerais savoir.)

Étant donné que c'est par tous les moyens un hack plutôt hacky, je me demande pourquoi cela se produit et s'il est possible de reproduire sans utiliser cette supercherie, en particulier en utilisant juste CSS/HTML. Quelqu'un arrive à connaître les réponses à ces questions?

tl; dr: Quelque chose que l'interface utilisateur de jQuery fait est de forcer le rendu du texte de manière visible dans IE 7, ce qui n'est pas le cas autrement. Puis-je résoudre ce problème avec CSS/HTML?

Liens utiles:

• page fixe en utilisant jQuery datepicker: http://weresayingido.com/register
• page sans le rendu Datepicker bidouille: http://weresayingido.com/manage/login

Answer 1

IE7 n'aime pas visibility, et n'a pas Considérez body comme un élément réel.

Gardez votre page visible (ce qui est également mieux pour les malheureux utilisateurs non-JavaScript que vous pourriez avoir). Si vous devez absolument, utilisez body {display: none;} dans votre style.css, et faites-le visiblement via $('body').show() dans votre script.js. Restez à l'écart de visibility.

Cheers.