Есть ли элемент изображения абсолютное свойство по умолчанию? ⇐ Html

[Anonymous]

Это всего лишь примерный код, пожалуйста, не возражайте против ошибок, я пытался заставить раскрывающееся список в NAV быть перед изображениями в карусели, но, кажется, независимо от того, сколько Z-индекс я выразил это, просто не выходит перед изображением, я не знаю, в чем проблема, я проверяю z-индекс Div, который является элементом блока в другом блочном элементе, который является Li, но я не думаю, что это так < /p>

Код: Выделить всё

.menu {
position: relative;
transform: translateX(0);
opacity: 1;
background-color: transparent;
display: flex;
align-items: center;
width: 100%;

.navbar {
margin-block: 0;
margin-left: 3rem;

.list {
cursor: pointer;
display: inline-block;
margin-right: 1rem;

a {
display: inline-block;
padding-inline-end: 0;
padding-inline-start: 0;
padding-block: 0;
}
}

.drop-down {
.brands {
opacity: 1;
transition: 0.3s ease-in-out;
cursor: default;
border-radius: 30px;
box-shadow: -20px 20px 60px #bebebe,
20px -20px 60px #ffffff;
background-color: #ffffff;
position: fixed;
z-index: 9999;
display: flex;
margin-block: 2rem;
align-items: start;
gap: 40px;
padding-inline: 20px;
padding-block: 20px;

h3 {
margin-block-end: .5rem;
}

li {
margin-block-end: .5rem;
}
}
}

.brands.drop {
opacity: 1;
transform: translateX(0);
transition: 0.3s ease-in-out;
}

li:hover {
background-color: transparent;
}
}

.search-box {
margin-left: auto;
position: relative;

input {
width: 100%;
font-size: 16px;
padding-inline-start: 20px;
padding-inline-end: 40px;
padding-block: 7px;
border-radius: 20px;
border: none;
outline: none;
background-color: rgb(231, 231, 231);
box-shadow: rgba(159, 159, 167, 0.25) 0px 30px 50px -12px inset, rgba(139, 139, 139, 0.3) 0px 18px 26px -18px inset;
/* #D9D9D9 */
}

.search {
position: absolute;
top: 0px;
right: 0px;
outline: none;
border: none;
border-radius: 20px;
background-color: gray;
color: #ffffff;
font-size: 16px;
padding-block: 7px;
padding-inline: 10px;

}

.search:hover {
background-color: gray;
}
}

}

.hero-banner {
position: relative;
padding-inline: 20px;
margin: 0 auto;
height: 70vh;
width: 100vw;
max-width: 1400px;
border-radius: 20px;

.bannner-img {
width: 100%;
height: 100%;
border-radius: 20px;
overflow: hidden;

img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
}
}

.slide {
position: absolute;
z-index: 1;
inset: 0;
opacity: 1;
transition: 200ms opacity ease-in-out;
transition-delay:  200ms;
}

}< /code>





     & l t ; t i t l e & g t ; D o c u m e n t & l t ; / t i t l e & g t ; < b r   / > < b r   / > < b r   / > & l t ; / h e a d & g t ; < b r   / > < b r   / > & l t ; b o d y & g t ; < b r   / >     & l t ; h e a d e r & g t ; < b r   / >         & l t ; d i v   c l a s s = " l o g o " & g t ; < b r   / >             & l t ; a   h r e f = " i n d e x . h t m l " & g t ; & l t ; i m g   s r c = " / l o g o . p n g "   a l t = " - l o g o " & g t ; & l t ; / a & g t ; < b r   / >         & l t ; / d i v & g t ; < b r   / >         & l t ; n a v & g t ; < b r   / >             & l t ; d i v   c l a s s = " m e n u "   i d = " m e n u " & g t ; < b r   / >                 & l t ; b u t t o n   i d = " c l o s e "   c l a s s = " h a m b u r g e r - c l o s e " & g t ; & l t ; i   c l a s s = " f a - s o l i d   f a - x m a r k " & g t ; & l t ; / i & g t ; & l t ; / b u t t o n & g t ; < b r   / >                 & l t ; u l   c l a s s = " n a v b a r " & g t ; < b r   / >                     & l t ; l i   i d = " d r o p - d o w n "   c l a s s = " d r o p - d o w n   l i s t " & g t ; A l l   B r a n d s   & l t ; i   c l a s s = " f a - s o l i d   f a - g r e a t e r - t h a n " & g t ; & l t ; / i & g t ; & l t ; / a & g t ; < b r   / > < b r   / >                         & l t ; d i v   i d = " d r o p - d o w n - l i s t "   c l a s s = " b r a n d s " & g t ; < b r   / >                             & l t ; u l & g t ; < b r   / >                                 & l t ; h 3 & g t ; A - B & l t ; / h 3 & g t ; < b r   / >                                 & l t ; l i & g t ; & l t ; a   h r e f = " " & g t ; A m a r o u d & l t ; / a & g t ; & l t ; / l i & g t ; < b r   / >                                 & l t ; l i & g t ; & l t ; a   h r e f = " " & g t ; A m o u g e & l t ; / a & g t ; & l t ; / l i & g t ; < b r   / >                                 & l t ; l i & g t ; & l t ; a   h r e f = " " & g t ; A r m a f & l t ; / a & g t ; & l t ; / l i & g t ; < b r   / >                                 & l t ; l i & g t ; & l t ; a   h r e f = " " & g t ; A r m a n i & l t ; / a & g t ; & l t ; / l i & g t ; < b r   / >                                 & l t ; l i & g t ; & l t ; a   h r e f = " " & g t ; A z z a r o & l t ; / a & g t ; & l t ; / l i & g t ; < b r   / >                           [*][url=#]Shop[/url]
[*][url=#]New Arrivals[/url]
[*][url=#]Brands Not here?[/url]
[*][url=#]Contact[/url]


[i]
 [/i]



[i][/i]





[i][/i]
[i][/i]
[list]
[*]

[img]https://images.unsplash.com/photo-1741471884167-a2b08fb14a3e?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHwzfHx8ZW58MHx8fHx8[/img]

[*]

[img]https://images.unsplash.com/photo-1741439432848-ae1301dca116?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D[/img]

[/list]

Подробнее здесь: https://stackoverflow.com/questions/795 ... t-property