html - 图像背景高亮或 Z-index？

Question

我已经走了这么远(但你不会知道)。在我的艺术网站上苦苦挣扎。

本页 http://rollinleonard.com/elements/ 这个页面有一个小的覆盖 div 悬停在这些 img 上。第一个 img 在 div 的背景中。我希望该 img 也具有这种蓝色荧光笔效果。

我怎样才能让它成为一个普通的 img，然后在那个 img 的另一层上有我的导航(白色背景的文本)？

谢谢!

Answer 1

我觉得最简单的方法是让你的第一个 div 像其他图像 a > img 并将你的 nav 放在 绝对位置。

HTML:

<nav>...</nav>
<a href="#">
   <img src="home.gif" alt="Home BG" />
</a>

CSS:

nav {
   position: absolute;
}