GIF動畫圖片在IE中不能正常顯示的解決方法

IE和FirFox在很多地方都有著或多或少的不同，這導致在開發時需要考慮很多的特殊情況。在最近的項目中居然發現帶動畫的GIF圖片在頁面Load之后再以腳本控制的方式展現時，動畫不能表現出來。在我的項目中，需要在點擊一個按鈕后來顯示一個動態的Loading圖片以此表示程序正在進行后臺處理。這是通過一段jQuery代碼來實現的：

function showMessage() {
......
$("div#Processing").show();
......
}

<div id="Processing" style="display: none">
<center>
<img src="placeOrder_processing.gif" />
</center>
</div>

IE顯示了圖片，但是動畫卻不能播放。而在FirFox中卻能正常的工作。當你將整個DIV加入到DOM中時，這個DIV是隱藏的，不可見的。但是當你將其屬性設置為可見時，動畫卻不能被正常播放。如果將帶動畫的GIF圖片直接以可見的形式加入到DOM中，它是可以正確的現實并播放動畫的。那么，可以這樣更改代碼：

<script language="javascript" type="text/javascript">
function showMessage() {

$("div#Processing").show();
var imgSrc = '<%=ResolveUrl("~/Images/Checkout/placeOrder_processing.gif") %>';
$("td#imgSection").append("<img src='" + imgSrc + "'/>");

}

</script>

這樣，在可見的內容中將Img加入到DOM中就可以解決這個問題了。

出處：http://www.cnblogs.com/zlgcool/

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈