Показать сообщение отдельно
  #1 (permalink)  
Старый 31.05.2012, 12:39
Новичок на форуме
Отправить личное сообщение для Dimus Посмотреть профиль Найти все сообщения от Dimus
 
Регистрация: 31.05.2012
Сообщений: 4

:hover и :active у дочерних и родительских элементов
Есть активный элемент (большая кнопка) — меняет стиль на :hover и на :active.
У этого элемента есть дочерний элемент (маленькая кнопочка сверху), который также реагирирует на :hover и на :active. Нужно сделать так, чтобы при нажатии на дочерний элемент стиль менялся только у дочерней кнопки (а у родительской оставался бы просто стиль :hover).

В IE и Opera это так и происходит.
А в браузерах на основе WebKit и Mozilla — нет, срабатывают оба элемента.

Вот пример: http://apple-cat.ru/-d/qa/active_click.html

Матерые специалисты, подскажите как решить проблему? ))
Ответить с цитированием