在Div上叠加

Question

我正在处理这个响应式网格库。现在，我在每个列表项中都有一个叠加div，而且我将鼠标悬停在div上。但问题是我无法根据拇指大小设置div。我的意思是李大小。我可以修复它，但我怎样才能使它响应。我在这里创建了一个小提琴，尝试调整浏览器的大小，你可以看到读取叠加div不能适应拇指..我在哪里错了？ 请告诉。 谢谢。 小提琴在这里 LIVE DEMO

position:absolute

无效.. 感谢。

Answer 1

使用此：

li{
    position:relative;
}
.overlay {
    height:100%;
    width: 100%;
    position: fixed;
    background-color: #e61736;
}

演示 here