JQuery Hover Проблемы в IE7

Question

У меня есть изображение, которое при наведении на него должно отображать другое изображение с 4 абсолютно позиционированными ссылками.Этот код работает в Chrome, Firefox, Safari и всех версиях IE, кроме IE7.Любая помощь с IE 7?

Вот JS Fiddle: http://jsfiddle.net/derekbrown/2qVK2/21/

Заранее спасибо!

Answer 1

Проблема в том, что исходное изображение все еще занимает место на странице, несмотря на установку непрозрачности на 0. Это можно увидеть, отредактировав строку, которая устанавливает непрозрачность изображения от 0 до 1;при наведении оба изображения будут показаны рядом.

Вам нужно каким-то образом удалить исходное изображение из потока документов при наведении курсора.Обычно это делается путем установки свойства display в none.Я обновил jsfiddle, чтобы показать это в действии, но анимация полностью плавная.Я отредактирую свой ответ, я могу улучшить его реализацию

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

РЕДАКТИРОВАТЬ: Это лучше, устанавливает ширину, анимация намного плавнее.

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