http://codepen.io/tylerkung/pen/Bukzy
我已经实现了自校正网格,因此当您调整浏览器窗口大小时,3 个图像将简单地堆叠在一起。
我还能够让图像在鼠标悬停时淡出。
但我想添加的最后一点是在鼠标悬停时显示文本,这对我来说似乎很棘手。
我只是在学习 CSS,所以任何帮助/文章/建议都将不胜感激!
最佳答案
当容器链接悬停时,你想改变文本的不透明度,所以使用这个:
.wrapper:hover .text{
opacity: 1;
}
代替
.text:hover{
opacity: 1;
}
关于CSS:悬停文本同时保持 self 更正网格布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24817206/