将浮动图像放在div上方

Question

我正在构建一个网站，使用CSS Sticky Footer。

在首页“in beeld”的底部，我希望右侧的大图像略微重叠在页脚上，使图像浮动在灰色的“山丘”上。我一直在尝试给图像添加负边距，但它部分消失在页脚下面。

有人有实现这个想法的想法吗？

谢谢

- Tarscher

---

听起来像是 z-index 的简单问题...只需为图像赋予比页脚更高的 z-index 值即可。 - Shadow The Spring Wizard

@Shadow：我尝试了，但它不起作用。 - Hoàng Long

我没有像Deniss Kozlovs建议的那样添加相对位置值。这就解决了问题。谢谢。 - Tarscher

Answer 1

将负边距应用于您的“in beeld”段落。

position: relative;
z-index: 100;

- Deniss Kozlovs

Answer 2

最好再添加一些不透明度，它就能完美地浮现。

position: relative; 
z-index: 100;
opacity: 0.50;

- Venkatesh Appala