mouseenter上的CSS和动画问题

时间:2011-04-28 11:25:24

标签: javascript jquery asp.net html css

我的代码很长,但我对我的jQuery脚本发表了评论。我的问题是当你将鼠标悬停在它动画的菜单项上时,它会向右推动大约三个左右的像素。我已经玩了很多年了,我不能完美,它需要一点时间来完成它,但如果你能解决我的问题,将非常感激。这里是jsFiddle http://jsfiddle.net/g6tAn/

上的链接

1 个答案:

答案 0 :(得分:1)

由于<table>布局而发生这种情况。当浏览器没有足够的页面宽度来以自然宽度呈现表格时,浏览器可以并且将会挤压<td>个元素。您可以看到,您所看到的弹跳效果在非常狭窄的浏览器窗口中被大大放大。

made a demo布局完全不同。它适用于Chrome12,但我并不是真正意识到其他浏览器对list-style-image的问题,所以在其他浏览器中它有点破碎。您可以删除该CSS以获得更好的跨浏览器演示。

或者您可以将style="width:600px"添加到<table>来解决问题(除非您当然需要动态宽度表...)