18910140161

html-为什么position“sticky”不能与h2元素一起工作?-堆栈溢出

顺晟科技

2022-10-19 12:19:46

133

为什么这个位置在这个元素中不起作用:mysqual11? 我想让h2元素位置固定而不是固定,这样文档流就不会中断。在这种情况下,“流中断”意味着下面的元素隐藏在导航条后面。如果有任何其他方法可以防止不需要修改HTML的流中断,建议它。 请检查代码段并帮助我解决此问题。


顺晟科技:

只需向添加blowCSS属性。站点地图:

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    --bgcolor: #083EFD;
    --secondary-bgcolor: #3D68FF;
    --primarycolor: #E12836;
    --white-shade: #FFFFFB;
}

body {
    background-color: var(--bgcolor);
    color: var(--white-shade);
    font-family: 'Poppins', sans-serif;
}

.navigation-bar {
    background-color: var(--secondary-bgcolor);
    height: 1.875rem;
    width: 100%;
    position: fixed;
    z-index: 1;
}


.site-name{
    color: var(--primarycolor);
    position: sticky;
    font-size: 1.5rem;
    font-weight: bold;
    display: inline;
    margin-left: 0.5rem;
    z-index: 2;
    top: 0;
}

svg {
    fill: var(--white-shade);
    position: fixed;
    right: 0.5rem;
    height: 1.5rem;
    top: 0.188rem;
    z-index: 2;
}

.primary-headings {
    font-size: 1.25rem;
    font-weight: bold;
}

只需添加top:0px;

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航