Bootstrap 4 позиции перекрытия и размер проблемы

Question

Итак, я создаю веб-сайт, который для целей изучения проблемы: https://jf -wd.github.io / Portfolio .Если вы посмотрите на компонент dropleft на верхней панели навигации, раскрывающееся меню перекрывается имеющейся у меня каруселью, карусель - это часть меня, просто изучающая начальную загрузку, и она не постоянна, но я хотел бы знать, почему она перекрывается с раскрывающимся списком.,Я пробовал бесчисленное количество методов, найденных здесь, в стеке и других ресурсах, но ни один из них не исправляет мою проблему

Моя вторая проблема заключается в том, что на мобильном устройстве или на любой небольшой точке останова на ПК первое изображение карусели занимаетвесь экран, но второе изображение просто не масштабируется

Answer 1

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

Что касается проблемы с перекрытием, это связано с проблемой Stacking .Вы можете исправить это, добавив position: relative и z-index: 2 к элементу header.Значение z-index может быть выше, если вы хотите быть в безопасности.