css - CSS:悬停时显示文本，同时保持自校正网格布局

http://codepen.io/tylerkung/pen/Bukzy

我已经实现了自校正网格，因此，当您调整浏览器窗口的大小时，这3张图像将简单地堆叠在一起。

我还能够使图像在鼠标悬停时褪色。

但是我想添加的最后一点是在鼠标悬停时显示文本，这对我来说似乎很棘手。

我只是在学习CSS，所以任何帮助/文章/建议都将不胜感激！

最佳答案

您想在容器链接悬停时更改文本的不透明度，因此请使用以下命令：

.wrapper:hover .text{
  opacity: 1;
}

代替

.text:hover{
  opacity: 1;
}

见updated codepen

关于css - CSS:悬停时显示文本，同时保持自校正网格布局，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24817206/