Как использовать fadeIn / fadeOut при изменении псевдо-классов ссылок?

Question

У меня есть <a href=""></a> с фоновым изображением CSS. В CSS у меня есть псевдо-класс: hover, чтобы изменить background-position.

Я бы хотел fadeIn и fadeOut два разных фоновых изображения с помощью jQuery. Я не хочу анимировать фоновое расположение, но fadeIn и fadeOut два разных CSS-класса.

Возможно ли это? Или мне нужен другой подход?

Answer 1

Это невозможно только в jQuery. Однако для этой цели вы можете взглянуть на пользовательский интерфейс jQuery (не уверен, что он тоже работает).

См. http://jqueryui.com/

Другое решение, как говорится в других ответах, наложить два элемента div и оживить непрозрачность.

Answer 2

Вы не сможете сделать это с простым CSS или со стандартным jQuery. Чтобы исчезнуть фоновые изображения, вы должны поместить два элемента друг на друга, а затем исчезнуть верхний элемент. Это невозможно сделать в одном элементе.

Answer 3

Вам нужно сложить два элемента и применить одно из фоновых изображений к каждому. Тогда вы можете просто увеличить / уменьшить верхний элемент.