这是我的代码。我用的是bootstrap不知道为什么就是不行。我只是把最高位置设置为0，但仍然不工作。有什么想法吗？标题：

<style>
    .background-nav {
        background: #58585858;
        backdrop-filter: blur(45px);
        border: 3px solid #808080;
    }
    .t-0 {
        top: 0;
    }
</style>
<div class="w-100">
    <div class="row justify-content-around position-sticky t-0 p-0 m-0">
        <div class="col-2 text-center p-2 rounded-2 position-sticky t-0 mt-3 background-nav">Home</div>
        <div class="col-7 text-center p-2 rounded-2 position-sticky t-0 mt-3 background-nav">Search</div>
        <div class="col-2 text-center p-2 rounded-2 position-sticky t-0 mt-3 background-nav">Music</div>
    </div>
</div>

主代码：

<div id="navbar"></div>
<section>
    <a href="http://localhost:3000/login">login</a>
</section>
<button style="background: red; color: white" id="Shutdown">SHUTDOWN</button>
<div class="meow">.</div>
<div class="meow">....</div>
<div class="meow">....</div>
<div class="meow">....</div>
<div class="meow">....</div>
<div id="footer"></div>

顶部代码将被#navbar替换，这是主代码的css

.meow {
            height: 5000px;
            width: 200px;
            display: block;
            background: red;
        }

我试着将top设置为0，或者将position设置为sticky！重要标签