Css边框悬停图像效果

Question

我正试图在wordpress主题中的图像上方应用悬停效果。效果应该显示一个边框和一个带有文本的背景。问题是边界比图像更宽更高，我不明白为什么。我尝试了很多解决方案，但结果总是一样的：边界只出现在我的顶部和左侧。我快疯了。。。。

这是我页面上的链接：

http://boscolo.dm-cloud.net/

有什么建议吗？

提前感谢，Francesco

Answer 1

添加此代码

.topImage2 .bordo {
    border: 0 solid #fff;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 78;
}

您只需要将box-sizing: border-box;添加到.topImage2 .bordo