Я хотел бы проверить статус опрокидывания выпадающего меню. Я пытался сделать это с инспектором Chrome и его Переключить состояние элемента функции, как вы можете увидеть здесь:Как проверить статус опрокидывания?
Хотя этот способ не работает для меня.
Я хотел бы осмотреть подменит этот сайт: http://demo.qodeinteractive.com/strata/
Так что я могу добавить некоторые дополнительные правила CSS в то время как меню остается открытым.
Как я могу это сделать?
После быстрого взгляда вы можете добавить class = "drop_down_start" к вложенному div для конкретного заголовка меню, которое хотите исследовать. Пока этот класс присутствует, подменю будет видимым/отображаемым.
Просто щелкните правой кнопкой мыши элемент в инспекторе -> Изменить как HTML -> добавить класс
drop_down_start
перед:
<div class="second bellow_header" style="height: 0px; top: 85px;"><div class="inner"><ul>
после:
<div class="second bellow_header drop_down_start" style="height: 0px; top: 85px;"><div class="inner"><ul>
ПРИМЕЧАНИЕ:
Меню будет постоянно пытаться закрыть. Итак, при необходимости, disable javascript.
спасибо @travis, хорошо работает. Я думаю, это единственный способ сделать это? – mattia
@mattia На самом деле есть. Проверьте это сообщение [здесь] (http://stackoverflow.com/a/10213800/4279440). Это позволяет просматривать события, запущенные на элементе в Chrome Web Developer? Это событие, которое нужно поймать в этом случае, будет «mouseout» .... поэтому Источники> Контрольные точки прослушивателя событий> Мышь> мышь »Это будет по сути замораживать страницу на событиях mouseout, например, когда вы пытаетесь удалить свою мышь с навигатора пункт. Затем вы можете просматривать стили элементов, как вам угодно. –