Question

HTML

<div style="display: none; vertical-align: middle;" id="imgdiv">
<img src="../Images/circular.gif" alt="" /></div>

的jQuery

 $("#imgdiv").css('display', 'block'); 
 $("#imgdiv").fadeIn(500); 
 setTimeout(function () {
    $("#imgdiv").fadeIn(4000); 
  }, 3000);
 return true;

图标在IE中没有旋转，背景也没有褪色。背景显示完全隐藏为灰色。旋转图像为静态。但是在所有其他浏览器中工作。有什么想法吗？

Answer 1

试试这个，工作在ie8

<div style="display: none; vertical-align: middle;" id="imgdiv">
<img src="../Images/circular.gif" alt="" /></div>
<script>

 //$("#imgdiv").css('display', 'block'); 
 $("#imgdiv").fadeIn(500); 
 setTimeout(function () {
    $("#imgdiv").fadeIn(4000); 
    return true;
  }, 3000);

</script>

IE调试器上的错误是：返回istruction不在函数中

我也不明白为什么你在显示块后编码2个fadein，如果显示是块，fadein将无法启动..

编辑：检查这两个不同的例子

<div style="width:400px;height:400px;display: none; vertical-align: middle;background:url('http://eatingatoz.com/wp-content/uploads/2010/12/B.png') no-repeat" id="imgdiv2">
<img style="display:none;" id="img2" src="https://si0.twimg.com/profile_images/2919748222/193af07952fca7f5247da6cc1fe84a6d.jpeg" alt="" /></div>


<script>
 $("#imgdiv2").css('display', 'block'); 
 $("#img2").delay(2000).fadeIn(function(){$('#img2').fadeOut(3000)});
</script>

<div style="width:400px;height:400px;display: none; vertical-align: middle;background:url('http://eatingatoz.com/wp-content/uploads/2010/12/B.png') no-repeat" id="imgdiv">
<img id="img" src="https://si0.twimg.com/profile_images/2919748222/193af07952fca7f5247da6cc1fe84a6d.jpeg" alt="" /></div>


<script>
 //$("#imgdiv").css('display', 'block'); 
 $("#imgdiv").fadeIn(function(){$('#img').fadeOut(3000)}).delay(2000);
</script>

在按钮提交上显示加载面板的问题

1 个答案: