固定导航栏无法正常工作?

时间:2018-03-29 14:05:41

标签: html css html5 blogs blogger

我是博主的新手。我有一个第三方模板,并在主页上更改了主页上的navibar 将其颜色更改为蓝色并链接到白色。

但在Posts Page上,Scroll上链接的颜色不会改变。我的意思是,滚动时,navibar链接不会变为白色主页,为什么?我试图改变固定navibar的链接颜色{在帖子页面}但它根本不适用。

Posts page NaviBar

Posts Page Fixed Navibar

以下是我希望在向下滚动时将其更改为白色的链接代码:

.item .menu-secondary li a, 
.static_page .menu-secondary li a {
            color: #484848;

3 个答案:

答案 0 :(得分:0)

试试这个

.fixed-nav {
    width: 100%;
    z-index: 999999;
    position: fixed;
    background: white!important;
    transition: all 1s ease;
}

答案 1 :(得分:0)

将其添加到自定义程序中的自定义css。

.item header .logo h1 a, .static_page header .logo h1 a {
    color: #FFF;
}

.item .menu-secondary li a, .static_page .menu-secondary li a {
    color: #FFF;
}

有关更多RGBA颜色,您可以点击here

答案 2 :(得分:0)

试试这个

.item #navbar:not(.fixed-nav) .menu-secondary li a, 
.static_page #navbar:not(.fixed-nav) .menu-secondary li a {
    color: #484848;
}