У меня есть изображение, которое при зависании должно отображать другое изображение с 4 абсолютно позиционируемыми ссылками. Этот код работает в Chrome, Firefox, Safari и во всех версиях IE, кроме IE7. Любая помощь с IE 7?Проблемы с jQuery Hover в IE7
Вот JS скрипку: http://jsfiddle.net/derekbrown/2qVK2/21/
Спасибо заранее!
Проблема заключается в том, что начальное изображение по-прежнему занимает место на странице, несмотря на то, что значение непрозрачности равно 0. Это можно увидеть, отредактировав линию, которая устанавливает изображение в непрозрачность от 0 до 1; при наведении обоих изображений будут показаны бок о бок.
Вам нужно как-то удалить исходное изображение из потока документов при наведении указателя мыши. Обычно это делается путем установки свойства display равным none. Я обновил jsfiddle, чтобы показать это в действии, но анимация полностью гладкая. Ill редактировать мой ответ я могу улучшить его реализацию
EDIT: Это лучше, устанавливает ширину, анимация гораздо более гладкая.
Мне нравится эта анимация намного лучше, но она все еще не работает должным образом в IE7. Я считаю, что это что-то с рушащимся изображением. Я обновил JSFiddle, чтобы включить полный код здесь: [http://jsfiddle.net/derekbrown/2qVK2/21/](http://jsfiddle.net/derekbrown/2qVK2/21/) –
Любые подсказки относительно почему это не работает в IE7? –
Добавить позицию: относительно .info-бокса, и я не вижу элемент с идентификатором горячего купить коллапс, поэтому, когда я проверить, что в IE7, появляется пространство для этого изображения все еще быть взятым? –
К сожалению: hot-buy-collapse - это изображение слева от расширения, которое распадается по мере его расширения. Кроме того, # hot-buy-rollover уже имеет позицию: относительная на нем. –