css精灵按钮跳来跳去

Question

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

我认为这更像是一个Photoshop问题，但我并不完全确定。 我希望无论如何都能在这里得到答案，因为我认为大多数网站设计师/程序员也可以与photoshop合作。

这就是我希望滚动操作 example 1

这是 my testpage （请参阅播放按钮）

我用spriteme.com制作了精灵

谢谢，理查德

Answer 1

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

这是你的问题吗？

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