带文字的Div覆盖图像

Question

我正在试图找出如何在图像顶部叠加div。

这是我到目前为止所得到的，我完全陷入困境并且已经有一段时间了。

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

非常感谢任何帮助，谢谢你。

Answer 1

尝试在叠加层上添加position:absolute;。如果您希望图像显示，可能还需要添加background:transparent。

Answer 2

您可以将图像设置为Div的背景。

background-image：url（blahblahblah）;

Answer 3

<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. 将叠加位置设置为绝对位置，并按顶部/底部和左/右属性定位