css - 边框上的背景图像

Question

我有一个背景图像和正文边框。我现在看起来像这样(在 jsbin 上):

但我希望背景图像保留在边框上，这样背景图像将完全可见。如何将背景图片放在边框上？

编辑

期望的结果:

EDIT2
我已经使用了 :after 和 :before 作为@Danield 提供的并且它有效。我有 4 个 Angular ，其中 2 个带有 :after 和 :before(所以其中 2 个没有 Angular 图像)。我正在寻找没有伪元素的另一种方式。也没有定位带有背景的 block 元素。我正在尝试通过 css 实现。

Answer 1

添加一个绝对定位的伪元素。

body:after{
  content: '';
  display:block;
  background-image: url("https://www.gravatar.com/avatar/97adf5e1abeb6454d6c6a6a39b81265a?s=96&d=identicon&r=PG");
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 96px;
  height: 96px;
  position: absolute;
  z-index:1;
  top: 8px;
  left: 8px;
}

Updated JsBin