html - 如何在图像上方的 HTML/CSS 中创建水平导航?

标签 html css background navigation

在我的标题中,我有一张大图片。在该图像上方,我想放置导航。 关于它的线索: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/

相关文章:

css - 如何使用 'height: fit-content' 为动态高度变化设置动画

javascript - 想添加下拉列表

java - 如何使用 Android SDK 在 onCreate 语句中动态更改 Activity 的背景颜色?

javascript - Bootstrap 模式不会出现

html - 删除 twitter Bootstrap 表的第一行

javascript - 为什么 background-image 在 CSS 中比内联 background-color 具有更高的优先级?

javascript - 单击后退按钮时如何保留以前的 HTML

html - CSS 百分比和像素布局相结合

python - 如何在 python 3.4 中使用 Gtk3 在背景图像上插入小部件?

html - 如何通过 CSS 为按钮设置背景图片?