css - 将溢出框的高度与其父框匹配

Question

我有带有嵌套图像的框和带有文本信息的 div。我正在做简单的 CSS 技巧，在悬停时更改定位和显示参数，因此只有悬停在主框上时才会看到文本框。

这是我的问题，文本框的背景不透明，当它在悬停时显示时，如何将框的高度与背景与其父项相匹配。

这是一个活生生的例子:http://jsfiddle.net/Mamaduka/jDYu5/16/

Answer 1

如果我没理解错的话，你需要做的就是给texts高度 100%

.box:hover .texts {
    display: block;
    height:100%;
}

在我编辑你的 fiddle 时为我工作。