javascript - 影响其他元素的 CSS Fade

标签 javascript css animation

我正在使用 javascript 和 CSS 使菜单后面的图像淡出,但菜单应该保持可见。出于某种原因,菜单也会消失。它不应该,因为我没有针对这些元素。 Here is an example.

最佳答案

根据您的链接,如果您将 1 或更大的 z-index 值添加到您的 menu 类,则菜单栏将不会消失。

<div class="header-wrapper">
  <div class="menu" style="z-index: 1;">
    <span><a href="#schedule">Schedule</a></span>
    <span class="spacer">|</span>
    <span><a href="#sponsors">Sponsors</a></span>
    <span class="spacer">|</span>
    <span><a href="#bio">Bio</a></span><a name="bio"></a>
  </div>
</div>

关于javascript - 影响其他元素的 CSS Fade,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43302826/

相关文章:

Android Alpha Masking 问题

javascript - Spread 运算符将所有其他 props 传递给组件。 React.js

javascript - Google map 商店定位器 API - TypeError : this. b 未定义

javascript - 在指定的 div block 中通过 ajax 渲染模态局部 View

html - 需要帮助在 h2 中获取超链接以在悬停时更改颜色

javascript - 如何制作水平图像网格画廊

wpf - 尝试在 WPF 应用程序中更改属性时开始 Storyboard

javascript - 水平显示内容,但在屏幕宽度不允许时堆叠

jquery - 页面背景滚动,但 div 不滚动

Angular 4 "export ' 在 '@angular/animations' 中找不到“AnimationEvent”