HTML5视频在CSS中引起怪异的毛刺:悬停过渡,跨浏览器效果不佳

| 我的主页在这里: http://thenozzle.net/ 页面顶部的徽标是sprite,可以在顶部和底部之间切换以产生发光效果。这是通过CSS转换和:hover伪元素完成的。 但是,我最近添加了“ projekktor” HMTL5视频播放器。它确实运作良好,但是如果您开始播放视频,然后将徽标悬停在鼠标悬停时会出现故障。 此外,Google Chrome浏览器不会播放ea.com提供的视频 《战地风云3》剪辑。 Chrome不会播放它,这两件事让我发疯。它们可以关联吗?我究竟做错了什么? Projekktor主页:http://www.projekktor.com/ 在每个浏览器中,它的执行都不同。在Firefox中非常慢,但是可以播放。 CHrome完全无法在Safari中使用,它完全无法播放,但Safari具有故障徽标。有任何想法吗?     
已邀请:
        我修好了它。我删除了两个锚点之一,并从div中删除了headlink text-indent属性,并将其放在单个锚点上。奇怪的问题,奇怪的解决方案。供以后参考,请不要尝试将缩进的文本缩进一层以上,在滚动时,它会以螺旋状来回跳动。
<div title=\"The Nozzle\" id=\"headerlogo\">
    <div title=\"The Nozzle\" id=\"logo1\"></div>
    <a style=\"text-indent:-9999px\" title=\"The Nozzle\" href=\"http://thenozzle.net/\"><div title=\"The Nozzle\" id=\"logo2\"></div>The Nozzle</a>
</div>
    

要回复问题请先登录注册