css – iPad Safari 100％高度问题

我的页面上有一个模态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;
}

嗨最简单的方法,我的方法是给叠加层提供最大高度宽度.喜欢：

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

你可以将它放在底部,即身体标签之前,并在想要使背景变灰时将其显示更改为阻止.显然,无论你想在它上面显示什么,都必须有更大的z-index.希望这可以帮助.如果你不明白,请告诉我.