CSS定位,div的隐藏部分

时间:2014-10-27 22:02:01

标签: css web styles positioning

我遇到了css定位问题。我想在我的平板电脑设备上显示与我的电脑上相同的网页。在PC上我使用Chrome网络浏览器并且一切正常,但是当我尝试在平板电脑设备上的Safari网络浏览器上显示相同的内容时,我获得与所连接屏幕上相同的结果(我的div内容的一部分被外部元素隐藏)。这种行为的原因是什么?有任何想法吗? DIV ELEMENT的CSS是:

position: fixed; max-height: 300px; width:200px; overflow:auto; z-index: 100000

附件: http://imgur.com/dSueHvV

2 个答案:

答案 0 :(得分:0)

将其从overflow: auto更改为overflow: visible可以解决问题。

答案 1 :(得分:0)

谢谢Josh的回答,但它没有解决我的问题。这是由:

引起的
-webkit-overflow-scrolling: touch;

我的所有div都有这种全局设置,这在移动设备上引起了这种奇怪的行为。 我们可以阅读,那就是原生风格的滚动。指定此样式具有创建堆叠上下文(如不透明度,蒙版和变换)的效果。