Почему панель навигации не находится в одном и том же месте для каждой страницы с фоновым изображением?CSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Anonymous
 Почему панель навигации не находится в одном и том же месте для каждой страницы с фоновым изображением?

Сообщение Anonymous »

У меня есть четыре страницы, все с фоновым изображением вверху. На всех трех страницах есть горизонтальная панель навигации, наложенная на изображение, но я не могу заставить сделать то же самое на четвертой странице.
Это 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;
}
Это CSS панели навигации:

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

.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 для создания раскрывающегося меню, но я уверен, что это не влияет на проблему с позиционированием.
Я пробовал менять изображения, изменение позиции: относительная; на позицию: абсолютная;, но это вызывает всевозможные другие проблемы с позиционированием остального контента. Я создал новый файл CSS, новый файл html и построчно закомментировал CSS.
Я использую Edge, обновления актуальны.

Подробнее здесь: https://stackoverflow.com/questions/790 ... ound-image
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «CSS»