在我的HTML图片库中,在某些操作中,我通过以下JavaScript显示GIF图像(加载微调框):
function enableLoading() {
document.getElementById("Loading").style.visibility = "visible";
}
function disableLoading() {
document.getElementById("Loading").style.visibility = "hidden";
}
它仅在Firefox中完美运行。但它在IE10和Chrome中没有动画效果。有谁知道如何解决这个问题?
这是HTML:
<div id="Loading" class="Loading">
<img alt="loading" src="../customcontrol/progress.gif">
<div>
Loading...</div>
</div>
这是CSS:
div.Loading
{
vertical-align: top;
text-align: center;
display: inline-block;
overflow: hidden;
cursor: wait;
text-transform: capitalize;
background: #FCFCFC;
color: #000000;
font-size: 11px;
padding: 0;
margin: 0;
visibility: hidden;
}
div.Loading img
{
width: 30px;
height: 30px;
}
请提供一些建议如何修复IE / Chrome中的GIF微调器。感谢