Как отобразить и скрыть изображение по высоте просмотраCSS

Разбираемся в CSS
Anonymous
Как отобразить и скрыть изображение по высоте просмотра

Сообщение Anonymous »


Итак,

Я должен отображать изображения на двух сторонах страницы. НО иногда высота страницы меньше высоты всех изображений.

Я пытался решить эту проблему с помощью медиа-запроса:

.image1{ дисплей: нет; ширина: 35ем; позиция: абсолютная; верх: 26ем } .image2{ дисплей: нет; ширина: 35ем; позиция: абсолютная; верх: 78ем; правильно: 0; } .image3{ дисплей: нет; ширина: 35ем; позиция: абсолютная; верх: 120ем; слева: 0; } @media (минимальная высота: 0vh) и (максимальная высота: 15vh) { .image1{ дисплей: блокировать !важно; } } @media (минимальная высота: 16vh) и (максимальная высота: 25vh) { .image1{ дисплей: блокировать !важно; } .image2{ дисплей: блокировать !важно; } } @media (минимальная высота: 26vh) и (максимальная высота: 900vh) { .image1{ дисплей: блокировать !важно; } .image2{ дисплей: блокировать !важно; } .image3{ дисплей: блокировать !важно; } } Каким должен быть результат:


Изображение

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