javascript - 使用 css 创建网页布局时遇到问题

Question

我正在创建一个 Angular 应用程序，我已经创建了一个布局，但我在使用它的功能时遇到了一些问题。

目前，标题和激活器一样保持固定位置，但鼠标悬停时出现的菜单不会，滚动时正文中的内容出现在标题顶部。我不擅长 CSS，但知道一些。任何解决此问题的帮助将不胜感激:)

再一次，任何帮助都会很棒。

Answer 1

如果您将 z-index 属性添加到 header 类，它会将 header 放在激活器上。

.ts-header {
    height: 74px;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #000;
    position: fixed;
    z-index: 999; /* NEW */
}

https://jsfiddle.net/kyu0x9ym/1/