Невозможно контролировать / позиционировать боковую панель псевдоконтента в CSS - PullRequest
0 голосов
/ 04 октября 2019

Я сейчас работаю в проекте только для CSS. Я все еще начинающий, поэтому я сталкиваюсь с некоторыми проблемами. В настоящее время я пытаюсь получить контроль над масштабом и положением псевдоэлемента, который я добавил в сторону. Я поместил URL-адрес содержимого в элемент, и в настоящее время он находится внизу страницы.

У меня есть относительная позиция, и это все. Я попытался настроить поля, верхний / нижний селекторы, преобразовать свойства, даже используя фоновое изображение (однако я никогда не смогу отобразить его на странице).

.sidebar::before {
  content: url("duotone_splash.png");
  position: relative;
  z-index: -2;
}

1 Ответ

0 голосов
/ 04 октября 2019

Похоже, установка display: block в псевдоэлементе позволит вам настраивать поля и выполнять преобразования.

.sidebar::before {
  content: url("http://via.placeholder.com/500x500");
  position: relative;
  z-index: -2;
  left: 50px;
  margin-top: 50px;
  display: block;
  transform: scale(0.25);
}
<div class="sidebar"></div>
...