Раскрывающееся меню исчезает, когда мышь перемещается над выпадающим списком

У меня есть блог, который размещен на blogger.google.com.

Недавно я столкнулся с проблемой с выпадающим меню под названием "Категории". Дочерние элементы (элементы подменю) автоматически исчезают, только когда я наводю на них курсор. Я пробовал другие ответы на подобные вопросы, подобные этому, но они не очень помогли в моем случае.

Я просто хочу, чтобы выпадающие элементы оставались на своих местах, когда я наводил на них мышь, чтобы я мог их выбрать.

Кто-нибудь может проверить проблему?

Ссылка на мой сайт http://www.techtreck.in/

Попробуйте перейти на вкладку Категории, и вы увидите, что именно я говорю.

Большое спасибо заранее..

.. надеюсь получить ответ в ближайшее время!

Источник

3 ответа

Решение

Между главным меню и подменю есть скрытый разрыв. Проверяя css с помощью firebug, я нашел это в вашем коде:

#top li ul {
    background: none repeat scroll 0 0 #111111;
    margin-top: 20px;
    padding: 5px 0 3px;
    width: 187px;
}

Сейчас margin-top: 20px; слишком далеко от главного меню. Так что измените его на:

#top li ul {
        background: none repeat scroll 0 0 #111111;
        margin-top: 14px;
        padding: 5px 0 3px;
        width: 187px;
    }

И это будет работать нормально.

Источник

Если вы двигаете мышь достаточно быстро, она работает:P

Но похоже, что это происходит из-за разрыва между категориями и фактическим выпадающим списком, когда вы перемещаете мышь вниз, она уходит в промежуток, поэтому больше не вызывает событие onmouseover, скрывая раскрывающийся список.

Вы должны переместить положение выпадающего меню вверх, чтобы оно идеально совпало с кнопкой категорий.

Источник

Разрыв между главным меню и подменю действительно является причиной проблемы. Решения @kakarott - это то, что я хотел бы сделать, это, безусловно, самое простое решение. Тем не менее, если разрыв существует по замыслу, вы все равно можете достичь желаемого результата, играя со своим CSS. Нечто подобное должно сработать:

  • удалите цвет фона сублипа, чтобы сделать его прозрачным
  • измените поля суб-ul в дополнение
  • измените поля сублицензии в дополнение
  • установить цвет фона, который был на sub ul на sub li
  • добавьте заполнение, которое было на sub ul к соответствующему заполнению sub li

(Я не проверял это, но это должно сработать, я думаю, если я ничего не забыл)

Это делает прозрачный вложенный ul и перекрывает родительский li. Таким образом, состояние наведения остается активированным, когда вы перемещаете мышь в подменю. Визы не должно быть никаких изменений.

Источник
Другие вопросы по тегам