在我的标题中,我有一张大图片。在该图像上方,我想放置导航。 关于它的线索:ul-Navigation-element 有一个渐变背景。但是,如果我将鼠标悬停在 li-Navigation-Link 上,我想显示底层图像! (希望这很清楚?否则我会做一些 photoshop 来演示)这应该是灵活的,这意味着不要给每个 li-Element 一个来自背景图像的特定片段。
我更喜欢 JS 解决方案而不是凌乱的标记。但我很欣赏你心中的每一个可能的想法。也许我只是忽略了最明显和最简单的解决方案..
最好的问候(:
这是我试图描述的图像。希望能帮助到你: http://s7.directupload.net/images/110226/pv4v4c5r.jpg
最佳答案
不需要 JS 来做这件事,只需让它在你将鼠标悬停在 li-Navigation-Link 上时,该元素没有设置背景属性。
这将创建您想要实现的“透明度”。
关于html - 如何在图像上方的 HTML/CSS 中创建水平导航?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5128824/