上页上的元素叠加在HTML上

Question

如何在覆盖页面顶部添加DIV？

我需要创建一个div，该div在互联网连接不在下面的Internet连接不在下面的页面上的所有元素上下面。

    <div *ngIf="connection_refused" class="connection-status-wrap">
<span class="connection-status-text">No connection to server</span>
</div>

我正在验证是否存在Internet连接，没有Internet连接时应在顶部的所有页面的所有元素上显示上述DIV。

图像示例：上一页元素

Answer 1

您可以做这样的事情

window.setInterval(function(){
if (navigator.onLine) {
    //if its offline, show div.
} else {
    //else (when the connection return) hide div.
}}, 5000); // every 5 seconds, function check if has connection

使用位置：固定，顶部：0，并定义宽度和高度；

Answer 2

用于将元素保持在页面顶部，固定位置应正常工作

position:fixed;
top:0%;

但是，如果有稳定的连接，并且您希望从查看器中隐藏元素，则可以在CSS

中设置该元素的可见性

visibility: hidden;

希望这有帮助！