Jquery 覆盖在Div拇指上

我正在开发这个响应性网格库。现在，我在每个列表项中都有一个覆盖div，只要我悬停，div就会消失。但问题是我无法根据拇指大小设置div。我是说李码。我可以使它固定，但我如何才能使它响应。我在这里创建了一个提琴，尝试调整浏览器的大小，您可以看到ReadOverlay div无法根据thumb进行调整。。我错在哪里？ 请告诉我。 谢谢 小提琴在这儿

他不工作。。 谢谢。

用这个：

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

演示

使用以下方法：

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

---

演示

谢谢。成功了。我将在10分钟内接受你的回答。谢谢，谢谢。成功了。我将在10分钟内接受你的回答。谢谢