У меня есть навигационная панель, расположенная внизу со следующим CSS:
#myFirstNav {
display: flex;
position: fixed;
bottom: 0;
left: 0;
right: 0;
justify-content: space-around;
padding: 10px;
background-color: black;
}
У меня появляется всплывающее меню, когда вы нажимаете одну из ссылок в #myFirstNav.Он имеет следующий CSS:
.overlay {
height: 0;
right: 0;
position: fixed;
z-index: 1;
left: 0;
bottom: 0;
overflow-x: hidden;
background-color: white;
transition: 0.5s;
border: 2px solid rgb(204, 204, 204);
border-bottom: 0;
}
Что меня беспокоит, так это то, что на фоне #myFirstNav появляется граница размером 2 пикселя на оверлее.Есть ли способ сместить div .overlay на 2 пикселя вниз, чтобы на фоне #myFirstNav не отображалась граница?
