html - 具有悬停效果的图像出现在标题上方时

标签 html css image header hover

我有一个固定的标题,它工作得很好:滚动时,如果标题在上面,我下面的图像就会消失。 然后,我对这些图像应用了悬停效果,并为它们设置了不透明度。不工作。每当标题位于这些图像上方时,当您将鼠标放在上方时,标题下方的图像部分就会覆盖它。

使用的CSS代码:

.imghover:hover {opacity: 0.4;}

最佳答案

尝试“z-index”,主要是它有问题,你需要将“z-index”添加到图像悬停。

关于html - 具有悬停效果的图像出现在标题上方时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33904966/

相关文章:

javascript - 在javascript中根据价格和类别复选框隐藏和显示div

html - 我怎样才能垂直移动第二条线,减少它和它上面的线之间的空间?

javascript - JQuery - 预加载图像(使用 JQuery/原生 JavaScript/CSS)

java - BufferedImage 的透明区域写出黑色

image - JPEG->更多压缩的JPEG-值得吗?

javascript - 如何使此 slider 代码适用于同一页面上的多个 slider

php - 如何将 HTML 字符引用 (ף) 转换为常规 UTF-8?

html - css href 和链接

html - 如何使用 CSS 轻松地将 HTML 元素置于页面的中心?

javascript - 通过 HTML、CSS 和 JS 滑动底部面板