如何使div显示部分覆盖在另一个方形div的顶部

时间:2011-05-25 15:18:54

标签: php javascript css

我正在尝试从头开始编码,因此当单击一个按钮时,会使选项div出现在现有div的顶部,而不会移动它的原始位置。这张照片说明了这个概念:

http://i.stack.imgur.com/lxL4r.jpg

我在按钮上放了一个'onclick'命令,以便点击按钮时执行以下javascript

xmlObj.open ('GET', '/ajax?action=editbox', true);
xmlObj.send ('');

在此之前我已经省略了其余的代码,因为它是标准的东西。

这是我现在完全陷入困境的地方。我想现在在一个名为'editbox.php'的php文件中有代码,它告诉网页使图片中的选项div出现在orignal div的顶部(不替换原始div的位置)。

我非常感谢任何提示或指导。

1 个答案:

答案 0 :(得分:0)

这似乎更像是一个HTML / CSS问题;没有明确的理由(至少,不是来自问题的措辞)使用PHP来实现这一目标。从首次加载页面开始,您的选项div也可能出现在DOM中,但其display设置为none。给出按钮和父div position: relative然后设置按钮的样式,并将选项div绝对定位到父项的右上角。确保按钮和选项div是该父框的最后一个子项,并且它们按顺序排列,因此z-index将自然地以您希望的方式发生。在按钮的onclick中,将选项div设置为display: block