这个是一些特性吧，有可能是视频播放的时候的层叠问题。。
自己是使用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')})
主要还是冒泡的问题
hover闪烁是Ie6的bug。复制代码代码如下放到</head>前面: <!–[if IE 6]><script type="text/javascript">document.execCommand("BackgroundImageCache", false, true)</script><![endif]–>
闪一下的原因应该是你的图片太大，你上面图片的尺寸都有640*110呢，也算是大图了，还有一个原因就是你电脑有点卡，这样也会造成加载的速度变慢，这玩意还真没法避免，除非你改变你的图片效果，如果你连在本机上测试都有点慢，那你就要考虑的以后放到网上后可能就会更慢了，用户如果网速慢一点，那用户体验就很会差，所以你以后做东西能用代码做的尽量别用图片，一定要用图片的也尽量把图片做小一点当前的话，你用电脑管家清理一下电脑垃圾，提高一下电脑的运行速度，看看会不会好点
