Question

我需要为图像创建一个css，即高度和宽度。如何创造？

<div id="toHide" class="pb-text-align-center">
<img src="img/load.gif" style="margin-left: auto; margin-right: auto;"/>
<form wicket:id="safeForm" class="clearfix" />
</div>

.pf-text-align-center, .pb-text-align-center { text-align: center; }

<script type="text/javascript">
  var $ = jQuery.noConflict();
  $('#toHide').doTimeout(1000, function() { $('#toHide').find('#safeForm35').submit();});
</script>

问题：IE中没有发生动态动画操作。它可以通过正确的高度和宽度来解决。我怎样才能看到所需的高度和宽度？和其他细节？

修改

答案：

HTML源代码：

<SCRIPT type="text/javascript"> 
    var $ = jQuery.noConflict(); 
    document.getElementById('toHide').style.display ="";
    $('#toHide').doTimeout(1000, function() { 
        $('#toHide').find('#safeForm34').submit(); 
        document.getElementById('myAnimatedImage').src = "../../img/load.gif"; 
        });
</SCRIPT>

HTML：

  <div id="toHide" class="pb-text-align-center">
    <img src="img/load.gif" id='myAnimatedImage' style="margin-left: auto; margin-right: auto;"/>
    <form wicket:id="safeForm" class="clearfix" />
</div>

Answer 1

对你来说是坏消息 - 你在IE中遇到了一个已知的错误。

在IE中，如果您加载了动画GIF，但在加载时它是不可见的，那么当您将动画显示时，动画将无效。

解决方法是在您需要显示时通过设置src属性加载图片，而不是预先加载并使其可见。

参考：http://www.norio.be/blog/2008/09/animated-gif-not-working-internet-explorer

动画图像的CSS

1 个答案: