div内的边框被内容隐藏(Border inside of div get hidden by content)

div内的边框被内容隐藏(Border inside of div get hidden by content)

不确定标题是否正确解释。 我弄错了我的问题： 小提琴 。 右侧框正确显示悬停边框。 但当盒子中的内容被隐藏时。 有没有办法让边境保持在最顶层？

编辑：用CSS固定：溢出：隐藏;

Not sure if the title explains it properly. I've made a fiddle of my problem: Fiddle . The right box properly shows the border on hover. But when theres content in the box it's hidden. Is there a way I can make the border stay on top?

EDIT: FIXED IT WITH CSS: overflow:hidden;

最满意答案

图像呈现在覆盖动画的框的顶部。 如果您取出图像，您会看到悬停功能在两个框上都有效。

您可能需要为图像添加一些CSS，而不仅仅是图像所在的div。

The image is rendered on top of the box which is covering up the animation. If you take the image out you'll see that the hover functionality works on both boxes.

You probably need to add some CSS for the image instead of just the div that the image is in.