如何解决如何使div局部覆盖在另一个正方形div上
|| 我正在尝试从头开始编写此代码,以便在单击按钮时使选项div出现在现有div的顶部,而不替换其原始位置。此图说明了概念: http://i.stack.imgur.com/lxL4r.jpg 我在按钮上放置了一个\'onclick \'命令,以便在单击按钮后执行以下javascriptxmlObj.open (\'GET\',\'/ajax?action=editbox\',true);
xmlObj.send (\'\');
在此之前,我已经省略了其余的代码,因为它是标准的东西。
这就是我现在完全陷入困境的地方。我现在想在名为\'editbox.php \'的php文件中包含代码,该代码告诉网页使图片中的选项div出现在原始div的顶部(不替换原始div的位置)。
我将不胜感激任何提示或指导。
解决方法
这似乎更像是一个HTML / CSS问题。没有明确的理由(至少不是从问题的措辞上来说)使用PHP来完成此任务。从页面第一次加载开始,您的div选项就可能会出现在DOM中,但是CSS的
display
设置为none
。给出按钮和父divposition: relative
,然后设置按钮和选项div的样式,使其绝对位于父的右上角。确保按钮和选项div是该父级框的最后一个子级,并且它们按该顺序排列,因此z-index自然会按照您希望的方式出现。在按钮的onclick
中,将选项div设置为display: block
。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。