iPad Safari 100%高度问题

Question

我的页面上有一个模态div,它可以显示背景.如果我将叠加div的高度设置为100%,它在IE(桌面)上工作正常,但在iPad Safari上,完整的高度不会变灰.究竟是什么问题？它与固定位置/视口有关吗？请帮忙.下面是相同的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.希望这可以帮助.如果你不明白,请告诉我.