css - 使用css，z-index定位背景图像悬停另一个图像？

Question

我制作了这个jsfiddle来准确说明我想要完成的事情。基本上我想让一个背景图像显示悬停另一个使用 css。我尝试了 z-index 但它不起作用。我尝试使用 img 标签插入顶部图像，但这不是一个好主意，因为它是设计的一部分，而不是页面的元素。

注意：我不希望图像也隐藏文本；）

Answer 1

这行不通吗？

http://jsfiddle.net/SzGe8/6/

您需要将 footer-top-image 放在页脚内。