简体   繁体   English

CSS的精灵按钮跳来跳去

[英]css sprite button is jumping around

Does anyone know what is causing the sprite rollover to jump around 有谁知道是什么导致精灵翻转跳来跳去

It is I think more likely a photoshop question, but I am not completely sure. 我认为这很可能是photoshop的问题,但我不确定。 I hope to get an answer here anyway, since I think most webdesigners/programmers problably worked with photoshop also. 我希望无论如何都可以在这里得到答案,因为我认为大多数网页设计者/程序员也可能与photoshop一起工作。

This is what I want the rollover to do example 1 这就是我想要进行过渡的示例1

and this is my testpage (see the play button) 这是我的测试页 (请参见播放按钮)

I made the sprite with spriteme.com 我用spriteme.com制作了精灵

thanks, Richard 谢谢,理查德

I do not see anything jumping around. 我没有看到任何跳跃。 However, when I first open the page the Play button is missing (its style is set to display: none;). 但是,当我第一次打开页面时,缺少“播放”按钮(其样式设置为显示:无;)。 When I click stop it appears, and then disappears when I click play. 当我单击停止时,它会出现,然后在单击播放时消失。 This is due to it's inline "display" style being set to block and none. 这是因为将其内联“显示”样式设置为“阻止”而没有设置。

Is this your problem? 这是你的问题吗?

Note: I tested in Chrome and FF. 注意:我在Chrome和FF中进行了测试。 I debugged the CSS states using Firebug. 我使用Firebug调试了CSS状态。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM