фиксированная позиция не работает?Что я делаю неправильно?

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

Когда я запускаю этот код, кажется, что все работает нормально.

Вы можете попробовать добавить !important в положение логотипа, чтобы увидеть, работает ли он (position: fixed !important;).Это может сработать, если CSS переопределяется другой строкой кода.

Если это не сработает, вам нужно дать нам немного больше информации о браузере, который вы используете, и обновить вопрос с остальной частьюкод.Спасибо!

Answer 2

Я тоже проверил, и все работает нормальноНе могли бы вы опубликовать весь CSS и HTML, чтобы мы могли лучше посмотреть на это?Приветствия