如何使背景元素在 ipad 上不可点击

Question

在我的网站上我有这样的东西：

<div id="videoContainer">
<section id="dynamicContent">lorem ipsum...</section>
<video id="video">
...
</video>
</div>

现在#dynamicContent 和#video 位置是绝对的（100% 宽度和高度）。我希望#dynamicContent 覆盖视频。现在一切都在桌面浏览器上运行良好。问题是，当我使用 iPad 进入网站并单击覆盖块 (#dynamicContent) 时，设备正试图单击此覆盖块下的所有内容。例如：当我点击#dynamicContent, 的中间时，即使它在块下，视频也会开始。例如，当我在 PC Firefox 中做同样的事情时，什么也没有发生，这就是我想要完成的。我该怎么做？

一些小提琴：attempts

Answer 1

也许是因为您的<section> 是您的<video> 的兄弟姐妹，并且因为它是您的#videoContainer 的第一个孩子，所以它不在<video> 之上，而是在之下。

有没有涉及到js？