html - 表格单元格内的 Div 覆盖错误

Question

我有这个代码：

<td width="140">
    <div style="position:relative; width:140; height:600; z-index:1;">
        <img height="100%" width="100%" src="core_rec/web_res/menubg.png" />
    </div>
    <div style="position:relative; z-index:0;">
        <iframe src="iframes/menus/main.html" width="140" id="sidebar" height="600">
        </iframe>
    </div>
</td>

那应该有一个包含图像的背景 div，在它的顶部，在同一个空间中，一个具有透明背景的 iframe，这样我就可以在不重新加载图像的情况下更改 iframe 内容。但是当我尝试显示该代码时，两个 div 是分开的，图像在顶部，然后 iframe 在它下面。我不明白为什么他们没有像他们应该的那样堆叠。

我犹豫要不要做一个绝对的参考，所以如果可能的话，我会尽量让这两个位置都动态到单元格中。是做绝对参考的唯一方法吗？

Answer 1

不知道你到底要做什么，但这是一个使用负数margin-top重新定位所有内容的小提琴。