css3 过渡在 Firefox 4 中首次未触发
我正在尝试一些 css3 转换。我整理了一个快速滑块测试,它在 webkit 系列中运行良好。在 Firefox 4 中,第一次单击左侧链接时,滑块应该向左滑动,但是,直到第二次单击该链接时才出现 css 转换。我把演示放在 jsfiddle 上 - http://jsfiddle.net/mrleroylee/ctY68/
这是这个我的代码中某些内容的结果还是这是一个错误?
I am experimenting with some css3 transitions. I put together a quick slider test and it works well in the webkit family. In Firefox 4, the first time you click on the left link the slider is suppose to slide to the left, however, there is no css transition until the second time you click the link. I put the demo up on jsfiddle - http://jsfiddle.net/mrleroylee/ctY68/
Is this a result of something in my code or is this a bug?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
在
ul
的样式中设置left: 0
;这让它在我的小提琴中工作: http://jsfiddle.net/ctY68/4/看起来 Gecko 没有考虑将您的第一个样式更改转换为过渡,因为没有设置初始值。
Set
left: 0
in your styles forul
; that got it working in the fiddle for me: http://jsfiddle.net/ctY68/4/Looks like Gecko isn't considering your first style change a transition because there was no initial value set.