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

Mоriаrtу
@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_
Drochila_#
@Mоriаrtу, большое спасибо за то, что расписал так подробно, но я, к сожалению, все равно мало что из этого понял. но твой код работает, спасибо! а код, что я тебе отправил, я и вовсе скопировал с этого же клуба вот тут
Шаблоны, примеры и всякие фичи / Фоновая картинка и эффекты / Позиционирование второго фона относительно боковых проемов
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть