>我创建了一个简单的图像div，但是当悬停时，原始div被另一个带有一些文本和纯色背景的div遮盖。
这是我在jsfiddle中的意思："悬停时的面具"
代码似乎都有效，包括一些不错的 css 过渡。我遇到的问题是原始div 和掩码div 都有一个边框半径，但是当我将鼠标悬停在它们上面时，边框半径消失了一秒钟，然后突然返回。出于某种原因，它也会时不时地出现故障，并且在我悬停时完全没有边界半径。
有什么办法可以防止这种情况发生吗？也许无论如何都可以将内容保留在该div中的方法？我尝试使用overflow:none以及实际放置border但它仍在继续发生。
您也在为边框半径设置动画。 这意味着当您悬停或取消悬停时，边框从正方形开始，然后作为动画的一部分转到半径。
您可以使用图像的父div 执行此操作：
position: relative;
z-index: 99;希望这会正常工作。