1

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 で回転せず、背景も薄くなりません。背景は灰色で完全に隠れて表示されています。回転する画像は静的です。しかし、他のすべてのブラウザで動作しています。何か案が？

4

1 に答える 1

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 デバッガーのエラー: return isstruction is out of the function

また、表示ブロックの後に 2 つのフェードインをコーディングした理由もわかりません。表示がブロックされている場合、フェードインは開始されません。

編集：この2つの異なる例を確認してください

<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>
于 2013-06-07T07:45:38.847 に答える