我遇到了css定位问题。我想在我的平板电脑设备上显示与我的电脑上相同的网页。在PC上我使用Chrome网络浏览器并且一切正常,但是当我尝试在平板电脑设备上的Safari网络浏览器上显示相同的内容时,我获得与所连接屏幕上相同的结果(我的div内容的一部分被外部元素隐藏)。这种行为的原因是什么?有任何想法吗? DIV ELEMENT的CSS是:
position: fixed; max-height: 300px; width:200px; overflow:auto; z-index: 100000
答案 0 :(得分:0)
将其从overflow: auto
更改为overflow: visible
可以解决问题。
答案 1 :(得分:0)
谢谢Josh的回答,但它没有解决我的问题。这是由:
引起的-webkit-overflow-scrolling: touch;
我的所有div都有这种全局设置,这在移动设备上引起了这种奇怪的行为。 我们可以阅读,那就是原生风格的滚动。指定此样式具有创建堆叠上下文(如不透明度,蒙版和变换)的效果。