Twitter Bootstrap悬停显示

Question

我有一排图像，我想要一个悬停框来覆盖图像。但是，出于某种原因，我的代码功能只能完全覆盖一些图像。其他人的右侧缺少条纹。我无法弄清楚为什么会这样。有什么想法吗？

HTML代码：http://codepad.org/hMqDsXS0

CSS代码：http://codepad.org/KJYr4aJP

Answer 1

这是你的代码的小提琴：

http://jsfiddle.net/ttGgH/4/

我改变了span类，

.main-feature-title {
        width: 100%;
}

我也添加了这个：

* {
    box-sizing: border-box;
}

此功能有助于元素在框中正确调整大小，特别是当它们应用了边框时。