css - css sprite按钮正在跳来跳去

Question

有谁知道是什么导致精灵翻转跳来跳去

我认为这更有可能是一个 Photoshop 问题，但我并不完全确定。无论如何，我希望在这里得到答案，因为我认为大多数网页设计师/程序员可能也使用 Photoshop。

这就是我希望翻转执行的示例 1

这是我的测试页（见播放按钮）

我用 spriteme.com 制作了精灵

谢谢，理查德

Answer 1

我没有看到任何跳跃的东西。但是，当我第一次打开页面时，缺少播放按钮（其样式设置为 display: none;）。当我点击停止时它出现，然后当我点击播放时消失。这是因为它的内联“显示”样式设置为阻塞和无。

这是你的问题吗？

注意：我在 Chrome 和 FF 中进行了测试。我使用 Firebug 调试了 CSS 状态。