在HTML里浮层遮挡之下的video上鼠标事件失效了,怎么解决呢?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在HTML里浮层遮挡之下的video上鼠标事件失效了,怎么解决呢?相关的知识,希望对你有一定的参考价值。

两个浮层,上层div为一个中间透明的图片,下层为video,两个图层重合在一起,现在的问题是video在下层之后鼠标无法点击播放按键,这样怎么处理呢?几乎搜遍全网了要,请大神赐教,不胜感激!!!

因为你的上面的浮层将video的浮层给盖住了,因此你的所有的鼠标事件都是针对于上面的浮层的,但是你上层还是中间透明的图片,那么建议你修改上层的大小,使上层不要盖住鼠标点击事件的部分,只有这样才能解决,没有其他的方法。具体实施过程,就得看你如何设置样式了 参考技术A 很简单,position: relative;z-index把两个人的层调整下就可以,如果是要第一个层在上面的话,要用到JS,你自己看下video这个标签,自带很多JS方法,基本看下就懂。 参考技术B 那你的 VIdeo 只能是写多一个层了 让这个层 设为 最高 。。。追问

写多一个层 然后把这个层设置为全透明吗? 因为video的层必须要在图片之下才能有好的展示效果

参考技术C 把下层的video的播放控件隐藏起来,在上层的div里面自己画播放控件来控制media的播放,追问

听起来以我的水品目前达不到啊,有demo可以发一个吗?

本回答被提问者采纳

以上是关于在HTML里浮层遮挡之下的video上鼠标事件失效了,怎么解决呢?的主要内容,如果未能解决你的问题,请参考以下文章

opencv与mfc显示图片操作,MFC的鼠标响应在opencv图片上失效,opencv滚轮事件没有响应问题描述解决。

鼠标划过显示浮层

0189 案例:仿京东放大镜效果

jquery使鼠标滚轮暂时失效

Java JTable 添加了一个键盘事件,和鼠标点击事件的监听,如何在我键盘事件起作用时,让鼠标事件失效

Vue自定义指令--实现跟随鼠标浮层