如何使div局部覆盖在另一个正方形div上

问题描述

|| 我正在尝试从头开始编写此代码，以便在单击按钮时使选项div出现在现有div的顶部，而不替换其原始位置。此图说明了概念： http://i.stack.imgur.com/lxL4r.jpg 我在按钮上放置了一个\'onclick \'命令，以便在单击按钮后执行以下javascript

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

在此之前，我已经省略了其余的代码，因为它是标准的东西。 这就是我现在完全陷入困境的地方。我现在想在名为\'editbox.php \'的php文件中包含代码，该代码告诉网页使图片中的选项div出现在原始div的顶部（不替换原始div的位置）。 我将不胜感激任何提示或指导。     

解决方法

这似乎更像是一个HTML / CSS问题。没有明确的理由（至少不是从问题的措辞上来说）使用PHP来完成此任务。从页面第一次加载开始，您的div选项就可能会出现在DOM中，但是CSS的

display

设置为

none

。给出按钮和父div

position: relative

，然后设置按钮和选项div的样式，使其绝对位于父的右上角。确保按钮和选项div是该父级框的最后一个子级，并且它们按该顺序排列，因此z-index自然会按照您希望的方式出现。在按钮的

onclick

中，将选项div设置为

display: block

。