使用微调器加载 Iframe

Question

此代码正确加载微调器，但加载完成后如何隐藏它？

 iframe {
    background-image: url("http://jimpunk.net/Loading/wp-content/uploads/loading2.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

原文由 user3387046 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

作为替代解决方案，您也可以这样做：

     <div id="spinner">
        <div>
             <img src="http://www.ajaxload.info/images/exemples/25.gif" />
        </div>
    </div>
    <iframe border=0 name=iframe src="http://www.w3schools.com" width="950" height="633" scrolling="no" noresize frameborder="0" onload="document.getElementById('spinner').style.display='none';"></iframe>

将微调器的位置绝对设置为页面容器的样式，以使其适当居中

原文由 LOTUSMS 发布，翻译遵循 CC BY-SA 3.0 许可协议