Question

我有一个div，我想完全覆盖一个页面。我不希望页面上显示任何内容。 div应覆盖在页面上并隐藏其上的所有内容。要创建这样的叠加层，我使用以下CSS：

<!DOCTYPE html>
<html>
<head>
    <style>
        li {
            font-weight: bold;
            text-align: right;
        }
    </style>
</head>
<body>
    <li>Consultation</li>
    <li>Pharmacist</li>
    <li>Registration No.</li>
</body>
</html>

但是如果叠加层结束的页面太长，页面的某些部分仍会显示。我怎样才能使div完全覆盖页面？将位置设置为固定没有帮助，因为叠加是多页长并且滚动条被破坏。

Answer 1

您想要用于叠加div的CSS就是这个。

.overlay {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
}

这应该完全覆盖带有黑色div的页面。

div完全覆盖页面

1 个答案: