Избавление от jQuery/CSS IE slideUp flash?

У меня очень простой скрипт, который сместил сообщение вниз с верхней части страницы, а затем сместил его обратно через несколько секунд. Работает отлично в FireFox, Chrome и т. Д., Но в IE (с 6 по 8), после того, как слайдUp завершает, div появляется в полном размере на мгновение перед исчезновением, создавая неприятную вспышку. Любые идеи о том, как избавиться от этого?Избавление от jQuery/CSS IE slideUp flash?

Вот страница в полном объеме:

<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>

источник

2009-11-17 Parand

короткий ответ, это потому, что IE не знает, что доктайп вашего документа HTML является, следовательно, он возвращается, чтобы отобразить его в режиме совместимости. чтобы удалить его, просто попросите свой doctype, добавив следующий код в голову вашей страницы.

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

, чтобы полностью понять об этой проблеме и узнать больше о большинстве браузеров двух различных «режимов» окажут страницы, пожалуйста, прочитайте quirks mode and strict mode на quirksmode.org.

источник

2009-11-17 08:13:43 nil

Спасибо, что он сделал. – Parand

Большое спасибо. Я потерялся в этой нелепой проблеме. –

Избавление от jQuery/CSS IE slideUp flash?

ответ

Смежные вопросы