如何解决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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。