IE7中的jQuery Hover问题

时间:2012-02-15 21:32:18

标签: jquery html css animation internet-explorer-7

我有一张图片,当它悬停在上面时,应显示另一张带有4个绝对定位链接的图像。此代码适用于Chrome,Firefox,Safari和除IE7之外的所有IE版本。有关IE 7的任何帮助吗?

这是JS小提琴:http://jsfiddle.net/derekbrown/2qVK2/21/

提前致谢!

1 个答案:

答案 0 :(得分:1)

这里的问题是,尽管将不透明度设置为0,但初始图像仍然占用了页面上的空间。这可以通过编辑将图像设置为不透明度0到1的线来看出。当悬停时,两个图像将并排显示。

您需要以某种方式在悬停时从文档流中删除初始图像。这通常通过将display属性设置为none来完成。我已经更新了jsfiddle来显示这个动作,但动画非常流畅。生病编辑我的答案我可以改进其实施

http://jsfiddle.net/2qVK2/19/

编辑:这个更好,设置宽度,动画更顺畅。

http://jsfiddle.net/2qVK2/20/

相关问题