我有一张图片,当它悬停在上面时,应显示另一张带有4个绝对定位链接的图像。此代码适用于Chrome,Firefox,Safari和除IE7之外的所有IE版本。有关IE 7的任何帮助吗?
这是JS小提琴:http://jsfiddle.net/derekbrown/2qVK2/21/
提前致谢!
答案 0 :(得分:1)
这里的问题是,尽管将不透明度设置为0,但初始图像仍然占用了页面上的空间。这可以通过编辑将图像设置为不透明度0到1的线来看出。当悬停时,两个图像将并排显示。
您需要以某种方式在悬停时从文档流中删除初始图像。这通常通过将display属性设置为none来完成。我已经更新了jsfiddle来显示这个动作,但动画非常流畅。生病编辑我的答案我可以改进其实施
编辑:这个更好,设置宽度,动画更顺畅。