Css 为什么HTML元素更改为；位置：相对“；会掩盖其他因素吗？

我有一个div 300 x 200px，在里面放了一些字号为180px的单词

下面是两幅图片

很自然，图像会掩盖文字，因为图像处于文档的后期，所以它会掩盖以前的元素。（如果HTML元素以树状结构查看，则为深度优先搜索的顺序）

但是，一旦我将该div的CSS更改为

位置：relative

，那么这些单词将部分掩盖图像。（

O

仅在有字母笔划的地方才会覆盖图像，而

O

内的空间仍会显示图像）

---

我想只有改变z-指数，我才能让它掩盖图像？文字仍在文档的正常流程中。。。是否有一条特殊规则规定位置：相对应覆盖其他未定位元素？

是的，定位、z索引和浮动都会影响元素的相对堆叠。以及从祖先那里继承这些财产

您可以在Mozilla的网站上找到一个很好的教程/说明：在tjkdesign的网站上可以找到一个可视化和使用的工具：（相关文章比Mozilla的一篇还要短；）

---

（过去）举止。。。不同的是（至少没有一些代码，这很难说，但它可能与堆叠上下文和堆叠级别有关。对效果有很好的描述。