Liquid div image-on-image叠加

Question

我有一个很像this user的问题，但我想更进一步，让我的图像有一个高度，可以流畅地响应它的容器。

我做了一件事来演示here。

我想要做的是给容器div类"navcont“(灰色区域)一个流畅的高度。如果我去掉高度，我无法在同一列中堆叠类似的div，更不用说可爱的(但必须的)溢出:隐藏隐藏一切。

非常感谢所有的帮助；谢谢c：

Answer 1

您需要进行一些修复：

.subnav img{
    position:relative;top:0;right:0;bottom:0;left:0;
    z-index: 1000;
}

.navcont{
    margin: 20px;
    position:relative;
}