#css
#CSS
Вопрос:
Это css для тени выпадающего меню. Я не могу понять, почему это не работает в строке 56, но работает в строке 45. Похоже, редактор знает, почему. Ты знаешь почему? линия 56 прямоугольная тень светлее, и она не работает
nav ul li:hover ul{ display: block; box-shadow: 2px 2px 5px purple; } nav ul li ul{ margin-left: 3rem; position: absolute; z-index: 999; display: none; width: 10rem; text-align: left; background-color: hotpink; border-radius: 5px box-shadow: 2px 2px 5px purple; } Комментарии:
1. Я не уверен, чего вы пытаетесь достичь. Не могли бы вы уточнить?
2. Спасибо вам за ваш комментарий. Я мог бы добиться эффекта «пустого ящика», добавив его после :наведите курсор. Я просто хотел понять, почему я не мог добавить его в меню напрямую без псевдоэлемента.
Ответ №1:
Вы можете воспользоваться моим выпадающим меню, оно работает для меня:
.drop{ display: inline-block; position: relative; } .pop{ display: none; position:fixed; z-index: 1; padding: 0; margin: auto; min-height: fit-content; min-width: fit-content; background-color: orangered; list-style-type: none; } .drop:hover .pop{ display: block; } просто добавьте свой собственный код. я надеюсь, что это полезно.