Всякий раз, когда вам нужно поместить изображение поверх другого, вы можете сделать это одним из двух способов:
1) Использовать абсолютное позиционирование
Слайд-шоу должно содержаться в элементе-оболочке, который имеет position:relative, тогда содержимое слайд-шоу использует position:absolute. На макет это не повлияет, поскольку «абсолютные» элементы находятся внутри и относительно оболочки , а не до остальной части страницы .
2) Использовать одно изображение поверх элемента с фоновым изображением
Вы можете легко сделать слайд-шоу следующим образом:
- Установить фоновое изображение для первого кадра
- Внедрение изображения (второй кадр) поверх фона
- Установить фон для того же изображения, что и второй кадр
- Скрыть второй кадр
- Поменять SRC второго кадра на третье изображение
- Повторите