Как накладывать MULTIPLE изображения в HTML, CSS и JS?

Я прочитал буквально ВСЕ о google о том, как накладывать изображения. Но все они всего 2 изображения. Я делаю игру, в которой вы можете поймать существ, у меня есть ссылка на мою игру здесь:

http://www.developlucca.com/FeatureQuest/app.html

Игра отлично работает. Это просто изображения, которые делают страницу больше и длиннее. Страница загружается только с человеком, просто подождите, появятся существа и сделайте прокрутку страницы. Пожалуйста помоги!

javascript,jquery,html,css,image,

-1

Ответов: 2


0 принят

Вы должны установить эти изображения position: absoluteи установить контейнер ( #main-content) position: relative.

Затем вы можете установить положение каждого изображения с помощью top/left/right/bottomсвойств.

Подробнее о позиционировании CSS на MDN:

https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning


1

Если родительский элемент является позицией: относительный, вы можете накладывать изображения с отображением: абсолютное,

Затем внутри этого родительского элемента вы можете продолжить слоирование изображений с помощью z-index, z-index даст приоритет просмотра самому высокому индексу, точно так же, как уровни слоя. это позволит вам иметь столько изображений друг над другом, сколько вам нужно. Для обработки размеров вы можете использовать 100% ширину / высоту или наложения, которые вы можете переполнить: скрытые. Надеюсь, это поможет.

JavaScript, JQuery, HTML, CSS, изображения,
Похожие вопросы
Яндекс.Метрика