Разрывы меню в Chrome

#javascript #html #css #google-chrome

#javascript #HTML #css #google-chrome

Вопрос:

У меня возникла проблема, которая появляется только при использовании Chrome.

У меня есть меню вверху, строка поиска, а затем еще одно нижнее меню навигации под ним.

изображение 1: меню

В Chrome, когда я выделяю верхнее меню, пункты меню отображаются следующим образом (за нижней навигацией):

изображение 2: разрыв меню

И я не могу выбрать элементы, которые находятся непосредственно поверх или под нижним навигационным меню. Я могу навести курсор мыши на menudrop1 и menudrop2, но я не могу выбрать menudrop3 (из изображения 2)

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

Странно то, что это происходит не везде на сайте.

Любая помощь в этом будет оценена.

Комментарии:

1. Не могли бы вы опубликовать какой-нибудь код, чтобы мы могли помочь?

2. Привет, не могли бы вы уточнить это? , в Chrome выпадающий список выглядит полностью непрозрачным, тогда как в Chrome он имеет гораздо меньшую непрозрачность.

Ответ №1:

Использовать z-index: 1; для вашего подменю (родительского элемента menudrop1, menudrop2 and ... )

Another menu | item1 and ... вероятно, это вызывает эту проблему