表格单元格内的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

不确定您的目的是什么，但here's a fiddle using a negative margin-top to reposition everything。