問(wèn)題：
同層目錄下 一個(gè) position 元素，一個(gè) 用了css 偽類(lèi)，實(shí)現(xiàn)一個(gè) 三角 旋轉(zhuǎn)的 效果 ，結(jié)果 position 層級(jí) 沒(méi)有把底層的元素 徹底覆蓋，原因是 寫(xiě)了一個(gè) transform?。。?！

image.png

一個(gè)很小的問(wèn)題，浪費(fèi)了時(shí)間，實(shí)屬不該。所以寫(xiě)css 的時(shí)候能使用圖片的還是 建議使用圖片。
下面是 沖突部分代碼

<div>position 元素</div>
<p class="down">position 元素</p>

.down::after {
  content: "";
  width: 18px;
  height: 18px;
  margin-right: 15px;
  background-size: 100% 100%;
  background-image: url("../Images/menu_down.png"); // 一個(gè)向下的小箭頭
  /* transform: rotate(90deg); */
  /* opacity: 0.6; */
}

.top::after {
  background-image: url("../Images/menu_top.png"); // 旋轉(zhuǎn)變成 向上的小尖頭
  /* transform: rotate(180deg); */
}