0

我有一个 div 在从 Anchor 标签调用时会向下滚动,并覆盖其下方 50% 的 div(使用更高的 z-index)。当该 div 通过 AJAX 调用加载时,会出现一个过大的视频(最小宽度:150%,高度:自动)。

向下滚动的 Ajax Div 的溢出设置设置为 :hidden,但是正在播放的 html5 视频随后占据了应该隐藏的整个窗口的一部分。视频成功隐藏在应有的位置,可见区域可见。让我发疯的是视频未显示的鼠标点击区域,仍在视频区域(呃,隐藏的可见区域)内注册。

目前,我通过强制底层 Div 具有比向下滚动的 Div 更高的 z-index 来解决这个问题,但如果带有视频的 Div 溢出是:hidden,我似乎不必这样做。

如果有兴趣,请告诉我是否需要显示代码。不发布它,因为它可能只是我对 CSS、HTML5 视频和 :overflow 值的掌握。

这发生在所有正在测试的浏览器中:

系统 OSX(最新更新,macbook pro Retina)Chrome、Safari、Firefox、ie3(开玩笑)。

4

0 回答 0