动画图像的css

我需要为图像创建一个css，例如高度和宽度。如何创建？动画图像的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>

来源

2011-05-27 bekur

我看不到在这段代码中的任何动态动画动作 - 你是什么意思？ – 2011-05-27 14:07:36

我猜他的意思是load.gif是一个动画gif。不是我所谓的动态，虽然...... – 2011-05-27 14:11:43

更新的主要问题。 – bekur 2011-05-27 14:14:34

对你来说坏消息 - 你在IE中遇到一个已知的bug。

在IE中，如果您加载动画GIF，但在加载时它不可见，那么当您使其可见时，动画将不起作用。

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

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

来源

2011-05-27 14:18:34 Spudley

非常感谢你，它解决了我长期以来的问题。感谢您的链接也。更新了主要问题的最终结果。 – bekur 2011-05-27 16:17:08

动画图像的css

回答

相关问题