Question

我正在使用此网站模板，我一直在遇到问题。我现在最大的一个是当固定标题越过内容框时，半透明框与标题重叠，直到用户将鼠标悬停在框上并使其返回不透明度为1.我不确定为什么会这样做，我真的很想要解决这个问题。任何帮助表示赞赏。

这是与我的内容框相关的代码段：

#wrapper {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    -o-transition: .25s;
    -ms-transition: .25s;
    -moz-transition: .25s;
    -webkit-transition: .25s;
    transition: .25s;
    opacity: 0.5;
}
#wrapper:hover {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    opacity: 1;
}

这里有完整的小提琴：http://jsfiddle.net/rkgy5zvz/

Answer 1

 #nav {
    position: fixed;
    background-color: #222;
    opacity: 1;
    width: 100%;
    top: 0;
    z-index: 99999;
}

只需添加正确数字的z-index属性即可。这里是JSfiddle

CSS固定标题仅在元素透明时才与元素重叠

1 个答案: