当页面卸载和加载时,我想要显示一些显示并显示gif图像搜索。
在我的正文页面中:
<div id="loading">
<img id="loading-image" src="{{ asset('bundles/accueil/images/ajax-loader.gif') }}" alt="Loading..." />
</div>
在js:
window.onload = function() {
document.getElementById('loading').style.display = 'none';
};
window.onbeforeunload = function() {
document.getElementById('loading').style.display = 'block';
};
在css中:
#loading {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: fixed;
display: block;
-moz-opacity: 0.70;
opacity:.70;
filter: alpha(opacity=70);
background-color: #fff;
z-index: 999;
text-align: center;
}
适用于Firefox和Chrome。
使用IE 11我遇到了一些问题: