Css 使用伪元素覆盖关闭按钮

我有下面的关闭按钮，后面有覆盖层（见附图）。如何使用CSS和伪元素对按钮进行编码

HTML

<div class="outer">
   <div class="close"></div>
</div>

<div class="close"></div>

我不想有一个内部和外部div。我只想要一个元素，并使用伪元素（在之前或之后）在close按钮后面添加覆盖

如何使用伪元素实现这一点

---

以下是使用单个div和

：：before

伪元素时代码的外观。可以找到关于伪元素的更多信息

HTML

<div class="outer">
   <div class="close"></div>
</div>

<div class="close"></div>

---

下面是使用单个div和

：：before

伪元素时代码的外观。可以找到关于伪元素的更多信息

HTML

<div class="outer">
   <div class="close"></div>
</div>

<div class="close"></div>

---

覆盖层怎么可能在某物后面？覆盖层怎么可能在某物后面？