Это CSS, который я использую для каждого фонового изображения:
Код: Выделить всё
.header {
min-height: 50vh;
background-image: linear-gradient(rgba(4, 9, 30, 0.3), rgba(4, 9, 30, 0.3)), url(/images/AtSea_mod01);
background-position: center;
background-size: cover;
position: relative;
}
Код: Выделить всё
.header-history {
min-height: 50vh;
background-image: linear-gradient(rgba(4, 9, 30, 0.3), rgba(4, 9, 30, 0.3)), url(/images/military-81782_1280.jpg);
background-position: center;
background-size: cover;
position: relative;
}
Код: Выделить всё
.header-reunion {
min-height: 50vh;
background-image: linear-gradient(rgba(4, 9, 30, 0.3), rgba(4, 9, 30, 0.3)), url(/images/military-81782_1280.jpg);
background-position: center;
background-size: cover;
position: relative;
}
Код: Выделить всё
.nav-links {
flex: 1;
text-align: left;
}
.nav-links ul li {
list-style: none;
display: inline-block;
padding: 8px 12px;
position: relative;
}
.nav-links ul li a {
color: white;
text-decoration: none;
font-size: 1em;
}
Я пробовал менять изображения, изменение позиции: относительная; на позицию: абсолютная;, но это вызывает всевозможные другие проблемы с позиционированием остального контента. Я создал новый файл CSS, новый файл html и построчно закомментировал CSS.
Я использую Edge, обновления актуальны.
Подробнее здесь: https://stackoverflow.com/questions/790 ... ound-image