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中工作？

回答

相关问题