Css 如何将这些div标记分层？

我编写了一些javascript，首先将图像加载到div1a、div2a、div3a和div4a中。 然后依次加载“b”div并淡出“a”div

我想要的是在a音消失之前，b音消失在a音之上

javascript运行良好，除了“b”div加载在“a”div的下面而不是上面

请记住，此表位于一个居中的“包装器”分区内。因此，使用绝对定位似乎不起作用

<table height="258" border="0" cellpadding="0" cellspacing="2">
  <tr>
    <td width="244">
      <div id="div1a" style="position:relative; z-index:100;">HERE</div>
      <div id="div1b" style="position: relative; top: 0; left: 0; z-index:101">THERE</div>
    </td>
    <td width="244">
      <div id="div2a" style="position:relative;"></div>
      <div id="div2b" style="position:relative;"></div>
    </td>
    <td width="244">
      <div id="div3a" style="position:relative;"></div>
      <div id="div3b" style="position:relative;"></div>
    </td>
    <td width="244">
      <div id="div4a" style="position:relative;"></div>
      <div id="div4b" style="position:relative;"></div>
    </td>
  </tr>
</table>

在这里
那里

---

任何帮助都将不胜感激。

Hmm，可能在父项上使用

position:relative

，而

position:absolute

将有效：

<table height="258" border="0" cellpadding="0" cellspacing="2">
  <tr>
    <td width="244" style="position:relative;">
      <div id="div1a" style="position:absolute; z-index:100;">HERE</div>
      <div id="div1b" style="position:absolute; top: 0; left: 0; z-index:101">THERE</div>
    </td>
    <td width="244" style="position:relative;">
      <div id="div2a" style="position:absolute;"></div>
      <div id="div2b" style="position:absolute;"></div>
    </td>
    <td width="244" style="position:relative;">
      <div id="div3a" style="position:absolute;"></div>
      <div id="div3b" style="position:absolute;"></div>
    </td>
    <td width="244" style="position:relative;">
      <div id="div4a" style="position:absolute;"></div>
      <div id="div4b" style="position:absolute;"></div>
    </td>
  </tr>
</table>

在这里
那里

使您的容器（此处）位置：相对。使两个s都位于“位置：绝对；顶部：0；左侧：0；”侧。不需要z-索引。

我知道这不是对你问题的直接回答，但我强烈建议你通过查看来完成你正在做的事情。听起来你很容易就能得到你想要的互动

---

不管怎样，祝你好运

这是因为你的位置都设置为相对。你说使用绝对定位似乎不起作用是什么意思？你试过什么，我试过把b调成绝对位置。但是，这只会导致它们出现在整个页面的右上角。这就是你的意思吗？在这里，使“b”div显示在页面的左上角。Possiton:absolute使“b”div显示在整个页面的左上角。Blender，我没有看你的代码。（我真丢脸！）这很好用。非常感谢。然后你可以将此标记为答案，因为其他有相同问题的人会知道这解决了问题。那将是完美的，除了我的div还包括文本，文本和图像都包含链接。这不是问题。您可以以任何DOM元素为目标，包括一个DIV。因此，您可以简单地将每组图像、文本和链接（按照您的意愿定位和设置样式）包装在一个DIV中，然后以该组DIV为目标。