我猜这里有一种特殊情况。
我正在与许多包括在一起工作。现在我正在编写一个包含的内容文件。我需要一个灯箱，它有20％的黑色背景覆盖整个页面，包括自己修复的标题，并在之前的PHP文件中设置为z-index 200.
由于这些内容，#overlay-wrapper位于#content，这是出于其他原因position: relative。包装器的宽度和高度均为100％，z-index为1000.从逻辑上讲，它仅覆盖内容区域，而不是整个视口。
基本上我现在需要一种方法来告诉#overlay-wrapper相对于身体的位置而不告诉内容不是相对的，因为如上所述，我需要它在其他情况下是相对的。
将叠加层放在另一个文件中会很痛苦，我只是好奇是否有可能告诉一个方框相对于“早期”的父级而不是他找到的第一个位置。
答案 0 :(得分：0)
只要#overlay-wrapper位于#content且#content相对定位，#overlay-wrapper将始终相对于#content定位。如果不在DOM中重新定位#overlay-wrapper，则无法解决此问题。
您需要将#overlay-wrapper移出#content，方法是修改您的PHP包含（甚至可能将其移动到其自己的单独包含中并包含其他地方），或者使用JavaScript在页面加载时重新定位它。