Как сделать чтобы контент одной секции не перекрыва контент другой секции?

Question

MRcracker @MRcracker

Как сделать чтобы контент одной секции не перекрыва контент другой секции?

Есть две секции. По высоте они 100vh. Когда просматривается сайт с мобильных устройств, то контент верхней секции перекрывает контент нижней секции. В чем может быть проблема?

Вопрос задан более трёх лет назад
167 просмотров

4 комментария

Подписаться 1 Простой 4 комментария

KazeZlat @KazeZlat

Пример вашего кода на codepen.io или на jsfiddle.net помог бы, ведь мы не экстрасенсы =)

Написано более трёх лет назад

MRcracker @MRcracker Автор вопроса

KazeZlat,

<div class="name"></div>

.name
	background-image: url(../img/slide.jpg)
	height: 100vh
	background-size: cover

<div class="name2"></div>

.name2
	background-image: url(../img/slide.jpg)
	height: 100vh
	background-size: cover

Написано более трёх лет назад

MRcracker @MRcracker Автор вопроса

KazeZlat, две одинаковых секции и в них есть какой-то контент. не важно какой т.к. верхняя секция все рано перекрывает нижнюю на мобильных устройствах

Написано более трёх лет назад
game802 @game802

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

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

CSS

Простой
Как сверстать не стандартный макет?
- 1 подписчик
- 6 часов назад
- 38 просмотров
2

ответа
HTML

+1 ещё

Простой
Почему схлопываются внешние отступы соседних элементов?
- 1 подписчик
- 9 часов назад
- 41 просмотр
0

ответов
CSS

+3 ещё

Простой
Как увеличить QPushButton на 105% через stylesheet?
- 1 подписчик
- 13 часов назад
- 26 просмотров
1

ответ
HTML

+2 ещё

Простой
Почему моргает видеофон на сайте?
- 1 подписчик
- вчера
- 78 просмотров
0

ответов
CSS

Простой
В контейнере шириной 100% при разрешении 320рх кнопка вылазит за его пределы. как поставить ее в правый верхний угол?
- 3 подписчика
- вчера
- 436 просмотров
0

ответов
Вёрстка

Простой
Как в codepen выложить свою работу и сделать ей название, чтобы по нему другие ее нашли в поиске?
- 1 подписчик
- 03 мая
- 45 просмотров
0

ответов
CSS

Простой
Как сделать такую границу?
- 2 подписчика
- 02 мая
- 185 просмотров
0

ответов
HTML

+1 ещё

Простой
Как изменить строчку кода HTML на чужом сайте tampermonkey?
- 2 подписчика
- 02 мая
- 318 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Добавление определенного класса к header при прокрутке до определенного блока?
- 1 подписчик
- 02 мая
- 69 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как лучше обратиться к кнопке через id или через class?
- 2 подписчика
- 01 мая
- 187 просмотров
2

ответа
Показать ещё Загружается…

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Специалист по телеграм

05 мая 2024, в 04:55

12000 руб./за проект

Название проекта: Бот Telegram для автоматизации судебных приказов

05 мая 2024, в 02:15

30000 руб./за проект

Десктоп приложение для добавления товаров на Python

05 мая 2024, в 01:43

5000 руб./за проект

Пример вашего кода на codepen.io или на jsfiddle.net помог бы, ведь мы не экстрасенсы =)
KazeZlat,

<div class="name"></div>

.name background-image: url(../img/slide.jpg) height: 100vh background-size: cover

<div class="name2"></div>

.name2 background-image: url(../img/slide.jpg) height: 100vh background-size: cover
KazeZlat, две одинаковых секции и в них есть какой-то контент. не важно какой т.к. верхняя секция все рано перекрывает нижнюю на мобильных устройствах
MRcracker, если Вы все еще ждете ответа, Вам выше порекомендовали, каким образом его можно будет заполучить. Для решения Вашей проблемы нужен наглядный пример перекрытия двух блоков.

Как сделать чтобы контент одной секции не перекрыва контент другой секции?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт