Запуск положения фонового изображения css при наведении курсора на родительский div

У меня есть один вопрос, как мне вызвать переход фонового положения дочернего div, наведя курсор на родительский div?

Я вообще не нашел ответа по этому вопросу, особенно в отношении позиционирования фона.

Уже 3 дня я пытаюсь вызвать такой переход с помощью CSS, но он просто не работает при наведении курсора на родительский div, только на дочерний.

Помощь приветствуется.


css background-image css-transitions triggers
person Demorus    schedule 28.07.2012    source источник

Ответы (2)


arrow_upward
3
arrow_downward

приготовьтесь к какому-то классному псевдокоду

parent:hover child {
    transition code;
}

вот демонстрация того, что, я думаю, вам нужно: http://jsfiddle.net/wCHRG/

person Andy    schedule 28.07.2012
comment
Извините, у меня это не сработало :( Я добавил код перехода, но ничего не произошло. Я отредактировал свой пост, чтобы вы могли видеть, как я это сделал. - person Demorus; 28.07.2012
comment
попробуй скрипку, это то, что ты хотел? - person Andy; 28.07.2012
comment
спасибо попробую. В худшем случае я загружу пример эффекта на свой сайт на всякий случай. Я попробую и посмотрю на скрипке, если я неправильно реализовал ваш код. - person Demorus; 28.07.2012
comment
Я только что понял, вы устанавливаете переход в фоновое положение, но вы не устанавливаете, где вы хотите, чтобы он переходил в - person Andy; 28.07.2012

arrow_upward
0
arrow_downward

Хорошо, я «думаю», что это работает для того, что вы хотите... http://jsfiddle.net/wCHRG/3/

person Andy    schedule 28.07.2012