我正在尝试从头开始编码,因此当单击一个按钮时,会使选项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的位置)。
我非常感谢任何提示或指导。
答案 0 :(得分:0)
这似乎更像是一个HTML / CSS问题;没有明确的理由(至少,不是来自问题的措辞)使用PHP来实现这一目标。从首次加载页面开始,您的选项div也可能出现在DOM中,但其display
设置为none
。给出按钮和父div position: relative
然后设置按钮的样式,并将选项div绝对定位到父项的右上角。确保按钮和选项div是该父框的最后一个子项,并且它们按顺序排列,因此z-index将自然地以您希望的方式发生。在按钮的onclick
中,将选项div设置为display: block
。