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

Question

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

注意：我也不希望图像隐藏文字;）

Answer 1

这不会起作用吗？

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

您需要将页脚顶部图像放在页脚内。