CSS在视频播放的时候覆盖在视频上面的hover回闪动不断触发

html-css09

CSS在视频播放的时候覆盖在视频上面的hover回闪动不断触发,第1张

这个是一些特性吧，有可能是视频播放的时候的层叠问题。。

自己是使用onmouseover配合onmouseout解决的，可以不修改css的样式修改选择器就足够了，例如鼠标浮动是更改class+=active，那么CSS就是；

sth.active {

    //原来hover的样式

}

然后Javascript就是；

var a= document.querySelector('css选择器，使用#id，不然会是一个数组..')

a.addEventListener('mouseover',function(){this.classList.add('active')})

a.addEventListener('mouseout',function(){this.classList.remove('active')})

主要还是冒泡的问题

div标签的样式中的position:absolute

同时用JS就可以随意移动DIV标签的位置

<div class="bord mtop tf cen" style="position:absolute" id="idDiv">{maxz_play} </div>

<script language="javascript">

var obj=document.getElementById('idDiv')

obj.style.left='10px'

obj.style.top='10px'

</script>