Div с текстом наложить изображение

Question

Я пытаюсь выяснить, как наложить div поверх изображения.

Вот что у меня есть до сих пор, я полностью застрял и был на некоторое время.

http://wilwaldon.com/learning/slideshow.html

Любая помощь будет принята с благодарностью, спасибо заранее.

Answer 1

<style type="text/css"> 
.image{ 
position:relative; 
width:1001px; 
height:257px; 
} 
.overlay{ 
position:absolute; 
left:0; 
bottom:0; 
width: 300px; 
background-color: #fff; 
z-index: 600; 
} 
</style> 

Изменение от оригинала:

1. Добавить размеры изображения в контейнер, и установить свою позицию относительного

2. Установите наложенное положение в абсолютный и расположите его по верхнему/нижнему и левые/правые свойства

Answer 2

Попробуйте добавить position:absolute; на оверлей. Вы также можете добавить background:transparent, если хотите, чтобы изображение отображалось.

Answer 3

Вы можете установить изображение в качестве фона вашего Div.

background-image: url (blahblahblah);