固定位置不起作用?我做错了什么

Question

#logo {
position: fixed;
top: 85%;
left: 40%;
height: 104px;
width: 90px;
border: solid 3px black;
border-left: 0px;
opacity: 1;
transform: scale(.9) translate(-50%, -50%);
padding: 2px;
transition: all 1s ease;
box-sizing: border-box;
}
#logo::before {
z-index: 100;
content: "Brand";
line-height: 91px;
font-size: .9rem;
text-align: center;
color: white;
position: fixed;
height: 91px;
width: 91px;
left: -8px;
top: 4px;
background: black;
}
/*for demo only*/body {height:400px;}

<div id="logo"></div>

div#徽标未固定在滚动上。。。为什么？我已经在手机上写了这个代码，还没有在桌面上尝试过。所以我不确定这是否只是一个移动设备的问题。我可能在这里做了一些愚蠢的事

Answer 1

我也检查了它，它运行良好。你能发布整个css和html吗？这样我们可以更好地查看它？干杯

Answer 2

当我运行这段代码时，一切似乎都很好。

您可以尝试将!important添加到徽标的位置，看看它是否有效(position: fixed !important;(。如果CSS被另一行代码覆盖，这可能会起作用。

如果这不起作用，您需要向我们提供更多关于您正在使用的浏览器的信息，并用其余代码更新问题。谢谢