При наведение на выпадающее меню оно пропадает,как это пофиксить?

CSS HTML PHP

29 апреля 2026 1 ответ

При наведении на меню, оно пропадает

&lt;ul class="menu"&gt; 			&lt;li&gt; 			  &lt;a href="#"&gt;Explore&lt;/a&gt; 			  &lt;ul&gt; 				&lt;li&gt;&lt;a href="#"&gt;Limited&lt;/a&gt;&lt;/li&gt; 				&lt;li&gt; 				  &lt;a href="#"&gt;Collections&lt;/a&gt; 				  &lt;ul&gt; 					&lt;li&gt;&lt;a href="#"&gt;subitem-7&lt;/a&gt;&lt;/li&gt; 					&lt;li&gt;&lt;a href="#"&gt;subitem-8&lt;/a&gt;&lt;/li&gt; 					&lt;li&gt;&lt;a href="#"&gt;subitem-9&lt;/a&gt;&lt;/li&gt; 				  &lt;/ul&gt; 				&lt;/li&gt; 				&lt;li&gt;&lt;a href="#"&gt;Collaboration&lt;/a&gt;&lt;/li&gt; 			  &lt;/ul&gt; 			&lt;/li&gt;

<ul class="menu"> <li> <a href="#">Explore</a> <ul> <li><a href="#">Limited</a></li> <li> <a href="#">Collections</a> <ul> <li><a href="#">subitem-7</a></li> <li><a href="#">subitem-8</a></li> <li><a href="#">subitem-9</a></li> </ul> </li> <li><a href="#">Collaboration</a></li> </ul> </li>

.menu{ 	display: flex;   }      .menu li{ 	width: 200px; 	list-style: none; 	background: #ffffff00; 	position: relative; 	left:166px; 	width: 126px; 	height: 43px; 	top: 8px;   }      .menu a { 	color: #000000; 	text-decoration: none; 	display: block; 	text-align: center; 	height: 40px; 	line-height: 40px; 	transition: all .5s;   }      .menu a:hover { 	background: #808291;   }      .menu ul { 	position: relative; 	left:-166px; 	width: 126px; 	height: 43px; 	top: 8px; 	display: none; 	padding: 0;   }      .menu li:hover &gt; ul { 	display: block;   }      .menu ul ul { 	display: none; 	top: 0; 	left: 100%;   }

.menu{ display: flex; } .menu li{ width: 200px; list-style: none; background: #ffffff00; position: relative; left:166px; width: 126px; height: 43px; top: 8px; } .menu a { color: #000000; text-decoration: none; display: block; text-align: center; height: 40px; line-height: 40px; transition: all .5s; } .menu a:hover { background: #808291; } .menu ul { position: relative; left:-166px; width: 126px; height: 43px; top: 8px; display: none; padding: 0; } .menu li:hover > ul { display: block; } .menu ul ul { display: none; top: 0; left: 100%; }

Дополнительно:

а position:absolute кто будет писать?

спасибо!

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь

Лучший ответ

Кирилл JS Ответ

3 мая 2026 в 11:21

Для решения проблемы с выпадающим меню, которое исчезает при наведении, можно использовать следующий подход:

1. Проверьте CSS стили вашего выпадающего меню. Возможно, есть правило, которое делает меню скрытым или меняет его положение при наведении курсора.

2. Убедитесь, что у элемента меню установлены правильные значения для свойств display и visibility. Например, для того чтобы меню оставалось видимым при наведении курсора, можно использовать значение display: block; или visibility: visible;.

3. Проверьте, есть ли другие элементы или скрипты на странице, которые могут влиять на поведение меню при наведении. Возможно, какой-то скрипт скрывает меню при определенных событиях.

4. Если вы используете JavaScript для управления поведением меню, убедитесь, что код написан корректно и не содержит ошибок, которые могут привести к нежелательному поведению.

Приведу пример использования

 тега для отображения кода на PHP:
 
<pre lang="php">
&lt;?php
    $menuItems = array(&quot;Home&quot;, &quot;About&quot;, &quot;Services&quot;, &quot;Contact&quot;);
 
    foreach ($menuItems as $item) {
        echo &quot;<a href='#'>$item</a>";
    }
?&gt;

тега для отображения кода на PHP: <pre lang="php"> <?php $menuItems = array("Home", "About", "Services", "Contact"); foreach ($menuItems as $item) { echo "<a href='#'>$item</a>"; } ?>

Следуя этим рекомендациям, вы сможете исправить проблему с выпадающим меню, которое исчезает при наведении курсора.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий Отменить ответ

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 0 ответов Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 0 ответов печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 0 ответов VPN Почему не работает связка 3X-UI на своем VPS и Necobox на Windows 10 и где искать причину? 0 ответов

При наведение на выпадающее меню оно пропадает,как это пофиксить?

Дополнительно:

комментарий Отменить ответ

Вам также может быть интересно

Ежедневно, круглосуточно