1

我的主页在这里： http ://thenozzle.net/

页面顶部的标志是一个精灵，在顶部和底部之间切换以产生发光效果。这是通过 css 过渡和 :hover 伪元素完成的。

但是，我最近添加了“projekktor”HMTL5 视频播放器。它工作得非常好，但是如果您开始播放视频，然后将徽标悬停，当您将鼠标悬停时它会出现故障。

此外，谷歌浏览器不会播放来自 ea.com 战地 3 剪辑的视频。Chrome不会玩，这两件事让我发疯。他们可能有关系吗？我究竟做错了什么？

Projekktor 主页： http: //www.projekktor.com/

它在每个浏览器中的表现都不同。在 Firefox 中速度非常慢，但它可以播放。在 Safari 中完美，Chrome 根本无法播放，但 Safari 有故障标志。有任何想法吗？

4

1 回答 1

1

我修好了它。我删除了两个锚点中的一个，并从 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>
于 2011-06-18T11:08:53.957 回答