我正在创建一个简单的网络应用程序。页面上有一个<video>元素。有一个登录表单在打开时会覆盖整个屏幕，但是如果您在带有视频的页面上，则不管z-index视频visibility: hidden;控件是否位于覆盖层的顶部。
嗯...它们在视觉下方，但命中区域在上方，因此您无法与登录表单进行交互。
我已经设法在表单打开时使用标签解决了这个display: none;问题<video>（这也是我尝试过的visibility: hidden;，但没有成功）但它并不理想，因为下面的页面移动了很多。
有没有人遇到过这个问题并找到了解决它的好方法？
谢谢 ：）
当我打字时，我想通了。我想这是其他人会遇到的问题，所以我在下面回答了它。又好又简单！