在不使用 z-index 的情况下指定 CSS 堆栈顺序

Question

我想知道以下任一情况是否可行：

1. 有没有一种方法可以使用 z-index 而不指定元素的位置属性。
2. 有没有办法在不使用 z-index 属性或position属性的情况下指定元素的 CSS 堆栈顺序

Answer 1

1. 根据 w3school

   z-index

   只能对定位元素起作用。

2. 唯一的其他方法是更改 html 中元素的顺序。

Answer 2

(1) 否。请参阅 CSS 规范:

对于定位框，“z-index” 属性指定：
1. 堆栈级别...

给定中的每个定位框 堆栈上下文有一个整数堆栈 水平。

(2) 否。CSS 堆栈顺序是 z-index

Answer 3

您可以通过

remove()

元素，然后使用 JavaScript

appendChild()

将其返回来完成此操作。从我的代码中获取的示例：

ele.remove(); document.querySelector('.parent').appendChild(ele);

不幸的是，这破坏了 CSS 转换，这就是我遇到的问题，导致我提出这个问题。