Комментарий от Drochila

Комментарий #13470572

в топике Страница F.A.Q. клуба CSS-club – настройка внешнего вида сайта 3 июня 2026

всем привет. столкнулся с такой проблемой что фон ни в какую не хочет отображаться в нормальных условиях, при этом на блокнутых тайтлах которые у меня открываются с помощью tampermonkey он все таки есть, и код вроде как написан тоже правильно (хоть и картинка отображается пока немного сбоку). подскажите в чем проблема. вот

код

body::before {
content: "";
display: block;
width: 100%;
height: 100%;
position: fixed;
left: -25%;
margin-left: -300px;
background: url("здесь была прямая, правильная, рабочая ссылка");
background-size: auto 100%;
}

@Mоriаrtу

Ответы

Mоriаrtу 3 июня 2026#

@Drochila_, ты не задал z-index. width/height: 100% вместо inset: 0. display: block лишний — псевдоэлементы с position: fixed уже ведут себя как блоки. left: -25% + margin-left: -300px такое себе решение вместо нормального center в background. Картинка отображается сбоку именно из-за этого. background-size: auto 100% Картинка масштабировалась только по высоте, по ширине могла не покрывать экран. cover решает это автоматически. Нету .l-page background: transparent !important;} (или просто не показал тут) фон сайта может перекрывать. Воть чистый вариант:

.l-page {
  background: transparent !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: url("прямая ссылка на Imgur / imgbb") center/cover no-repeat;
  z-index: -1;
}

Если итак не видно — то проблема в картинке, читай вот этот топик: /clubs/811-css-club-nastroyka-vneshnego-vida-sayta/topics/621224-kartinki-propali-i-chto-takoe-camo-reshenie

@Drochila_

Твой комментарий

Комментарий #13470572 Drochila_

Комментарий #13470572
Drochila_