我的页面上有一个模态 div,它使背景变灰。如果我将overlay 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;
}
你可以把它放在底部,即之前body
标记并更改其display
to block
每当你想使背景变灰时。显然,无论你想在其之上显示什么,都必须有更大的z-index
。希望这可以帮助。如果您不明白,请告诉我。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)