0

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

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

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

一些小提琴：尝试

4

1 回答 1

0

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

有没有涉及到js？

于 2013-10-21T13:18:16.943 回答