css - iPad Safari 100% 高度问题

Question

我的页面上有一个模式 div，它使背景变灰。如果我将 overlay div 的高度设置为 100%，它在 IE(桌面)上工作正常，但在 iPad Safari 上，完整高度不会变灰。到底是什么问题？与固定位置/视口(viewport)有关吗？请帮忙。下面是相同的 CSS；

#TB_overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.TB_overlayBG {
    background-color: #000000;
    opacity: 0.4;
}

Answer 1

您好，最简单的方法就是为叠加层提供最大高度宽度。喜欢:

.overlay{
 position: fixed;
 display: none;
 top: 0;
 left: 0;
 z-index: 99;
 width: 10000px;
 height: 10000px;
 opacity: 0.5;
 background: #ccc;
}

您可以将其放在底部，即 body 标记之前，并在您想要使背景变灰时将其 display 更改为 block。显然，无论您想在其上显示什么，都必须具有更大的 z-index。希望这可以帮助。如果您不明白，请告诉我。