Se débarrasser de jQuery/CSS IE slideUp flash?

J'ai un script très simple qui fait glisser un message du haut de la page, puis le fait glisser au bout de quelques secondes. Fonctionne bien dans FireFox, Chrome, etc, mais dans IE (6 à 8), après le slideUp termine la div apparaît à pleine taille pour un instant avant de disparaître, créant un flash méchant. Des idées sur la façon de se débarrasser de cela?Se débarrasser de jQuery/CSS IE slideUp flash?

est ici la page en pleine:

<html> 
    <head> 
     <title>Alert Drawer</title> 
     <script type="text/javascript" src="../jquery.js"></script> 
     <style> 
#drawer { 
    background-color: yellow; 
    overflow:visible; position:fixed; left:0; top:0; 
    text-align:center; 
    padding:15px; font-size:18px; border-bottom:2px solid #789; 
    width:100%; display:none; z-index:2; 
} 
     </style>   
    </head> 
    <body> 
<div id="drawer"></div> 
<p> 
    <br><br><br><br><br><br><br><br> 
    <a href="#doit">Show the alert drawer!</a> 
</p> 
    </body> 
<script type="text/javascript">//<![CDATA[ 
$(function() { 
    var drawer = $('#drawer'); 
    $('a').click(function() { 
     drawer.html("<center>Hey Man!<br>This is a message.</center>"); 
     drawer.slideDown(function() { 
       drawer.css("backgroundColor", "orange"); 
       setTimeout(function() { drawer.css("backgroundColor", "yellow"); }, 1000); 
      } 
     ); 
     setTimeout(function() { drawer.slideUp(); }, 3000); 
     return false; 
    }); 
}); 
//]]></script> 

</html>

Source

2009-11-17 Parand

réponse courte, il est parce que IE ne sait pas ce que votre doctype document html est par conséquent, il revient à l'afficher en mode bizarreries. pour l'enlever, revendiquez simplement votre doctype en ajoutant le code suivant à la tête de votre page.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

bien comprendre à ce sujet et en savoir plus sur les deux différents la plupart des navigateurs "modes de rendre votre page sera, s'il vous plaît lire quirks mode and strict mode sur quirksmode.org.

Source

2009-11-17 08:13:43 nil

Merci, rien à faire. – Parand

Merci beaucoup. J'ai été perdu dans ce problème ridicule. –

Se débarrasser de jQuery/CSS IE slideUp flash?

Répondre

Questions connexes