Html 使用引导的图像覆盖？

我目前正在使用引导，有一个3x3的图像网格。它们是200x200张图片，我到处都找遍了，试图找到一种方法来覆盖它们。我最近才开始写代码

Serenbe.com的内容正是我在页面中间寻找的内容（也是一个3x3的网格）。当您将光标移动到照片上时，照片会变亮，并在其上方显示徽标。然而，如果照片不可能或太复杂，我会选择文本/链接。现在绝对没有任何效果

我的图像排列在容器中的一个div中。div占据了6列。我应用的唯一样式是删除填充，使其接触页面边缘

有什么建议吗？我在这里100%迷路了，一切都有帮助

---

谢谢

你听说过在css中使用悬停吗？：）这很酷，我想这就是该网站用来制作图片的原因

对于初学者来说，一个简单的方法就是我有两张图片。一个是原始的，第二个是你想要的效果。对于serenbe来说，他们似乎只是使用photoshop在顶部添加了徽标，然后更改了照片的不透明度

然后，我会将您的img包装在一个div中，然后在您的css中执行类似的操作：

.customdiv{
高度：200px；
宽度：200px；
背景图片：url（“imagelinkhere”）；
}
.customdiv:悬停{
背景图片：url（“newimagehere”）；
不透明度：.5；
}

欢迎使用堆栈溢出！希望您至少尝试自己编写此代码。堆栈溢出不是代码编写服务。我建议你做一些额外的研究，要么通过谷歌，要么通过搜索，尝试一下。如果您仍然有问题，请带着您的代码回来，并解释您尝试了什么以及为什么它不起作用。听起来您好像编写了一些代码。为什么不把它贴在这里，连同你到目前为止得到的截图，告诉我们你想要它是什么样子……关于如何在图像覆盖上做文字，这里有几十个（如果不是成百上千个）的问题……对so进行简短的搜索会有所帮助……或者jst查看相关链接------>