jQuery fadeIn和fadeOut無法在Internet Explorer 6,7或8中工作？

嗨我使用jQuery淡入/出包含圖像和文本的div。它在Firefox，Chrome和Safari中運行良好，但在任何Internet Explorer中，該效果似乎都不起作用。在淡出的時候，圖像消失了我指定的毫秒數，但它不會消失。jQuery fadeIn和fadeOut無法在Internet Explorer 6,7或8中工作？

在資源管理器中使用它有什麼特別的規則嗎？

來源

2010-03-17 roadadadl

在表中的div元素的任何機會？ – Jeremy 2010-03-17 17:02:01

你能發表一些代碼嗎？ – meo 2010-05-16 20:58:19

我有同樣的問題，但我甚至沒有背景圖片。我只是試圖用用戶通知淡入一個簡單的紅色div。如果我使用.show（），就像slideDown（）一樣工作得很好。然而，任何淡入淡出，IE似乎陷入了某種無限循環 - 只是坐在永久佔用處理器和「加載」頁面。討厭，但我願意現在只使用.show（） - 在截止日期= o）我可以發佈一些代碼，但如果這能幫助任何人 - 它只有大約15行。 – Eli 2011-02-10 07:47:43

你淡入淡出的元素是否具有背景色屬性集？

來源

2010-03-17 20:47:11 Victor

我認爲需要更多關於元素本身性質的信息，但我非常期待的猜測是你的背景圖像出現了問題（假設你有一個）。

發表了一些代碼（CSS，HTML和JS），所以我們可以真正深入到底層。

來源

2010-03-17 20:52:29 dclowd9901

我有以下的HTML DIV不IE中使用淡入/淡出的工作：

 <div class="tip" style="width: 220px; display: none;"> 
      <div class="tip-header"> 
       <span><b>Title</b></span> 
       <div class="right close"><a href="javascript:void(0);">close</a> <img alt="" src="/Images/close-normal.png"/></div> 
      </div> 

      <div class="tip-content">EBody comes here.</div> 
     </div> 


.tip 
{ 
    display: block; 
    z-index: 99999; 
    position: fixed; 
    background-color: #ffffff; 
    -moz-box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.6); 
    -webkit-box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.6); 
    border:solid 1px #82C2FA; 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
} 

.tip-header 
{ 
    padding: 8px; 
    min-height: 10px; 
    -moz-border-radius-topleft: 8px; 
    -moz-border-radius-topright: 8px; 
    -webkit-border-radius-topright: 8px; 
    -webkit-border-radius-topleft: 8px; 
    background-color: #CFE6FD; 
    border-bottom: 1px solid #82C2FA; 
} 

.tip-header span 
{ 
    font-size: 14px; 
    color: #666666; 
} 

.tip-content 
{ 
    padding: 8px; 
    text-align: left; 
    font-size: 12px; 
} 

.close, .whats-this 
{ 
    cursor: pointer; 
} 

.close a 
{ 
    color: #085FBC; 
    text-decoration: none; 
} 

.close img 
{ 
    vertical-align: bottom; 
}

來源

2010-05-16 19:55:44

背景圖像設置良好。 – 2010-05-16 20:38:19

是的，它是「提示」主要股利。

$(".tip").fadeIn("slow");

但在IE（怪異）：

$(".tip").show();

來源

2010-05-16 20:40:37

jQuery fadeIn和fadeOut無法在Internet Explorer 6,7或8中工作？

回答

相關問題