css – iPad Safari 100％高度问题

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

总结

以上是内存溢出为你收集整理的css – iPad Safari 100％高度问题全部内容，希望文章能够帮你解决css – iPad Safari 100％高度问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。