无法在CSS中控制/定位伪内容侧边栏

Question

我目前在仅CSS项目中工作。我仍然是初学者，因此遇到了一些问题。目前，我正在尝试控制添加到一边的伪元素的大小和位置。我已经在该元素中放置了一个内容URL，当前它位于页面底部。

我对此有相对立场，仅此而已。我尝试过调整边距，顶部/底部选择器，变换属性，甚至使用背景图像（但是我永远无法使它显示在页面上）。

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

Answer 1

看起来像在伪元素上设置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>