使用css定位问题

Question

我很难完成这个： CODEPEN LINK

正如您在我的CODEPEN样本中看到的CODEPEN 。 当您将鼠标悬停在图像上时，它会显示IMAGE CAPTION然后如果您单击图像，它将显示ACTIVATED IMAGE （红色边框）。 我的问题是当图像被ACTIVATED时如何显示CAPTION 。 我在点击图像时使用JQUERY来激活时显示RED BORDERS 。

更新：我正在尝试做的是当它激活时它也显示CAPTION onclick就像RED BORDERS一样。

非常感谢您的帮助。

Answer 1

添加以下CSS

.aboutus .thumb_caption,.leadership .thumb_caption{left: 0;
opacity: 1;}

在这样做之后，应该在激活时看到标题。

Answer 2

只需要一个CSS

.aboutus 
.thumb_caption,
.leadership .thumb_caption{
 left: 0;
 opacity: 1;
  }

CODEPEN