在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滚轮事件没有响应问题描述解决。