孩子DIV [绝对]不与父DIV在Safari中移动

我目前正在测试建立手风琴时间表，但在Safari中遇到问题& Chrome。我有一系列打开和关闭的手风琴。每个div都包含一个应该在打开/关闭时随其移动的子div。这适用于Firefox，但不适用于Chrome或Safari。孩子DIV [绝对]不与父DIV在Safari中移动

的样本是在这里： http://www.evolvedublin.com/testcentre/

我敢肯定，它涉及到的绝对定位，但也许我错过了什么？有任何想法吗？任何帮助非常感谢。

来源

2012-03-06 mickmaster

不要发布整个网站。请在[dabblet]（http://dabblet.com/）或[Jsfiddle]（http：// jsfiddle）上提供[简化测试用例]（http://css-tricks.com/reduced-test-cases/）。净/）。 – bookcasey 2012-03-06 14:29:15

确保父div有position: relative这将确保任何绝对定位的孩子将相对于此父母定位。

在你的情况

.panel { 
    position: relative; 
}

来源

2012-03-06 14:34:31 trapper

感谢@trapper提供反馈。恐怕我已经尝试过了 - 是的，它确实有效，但我现在遇到的问题是z-index和子div。它隐藏在面板内： http://www.evolvedublin.com/testcentre/2/ 不确定是否有解决方法？ – mickmaster 2012-03-06 15:09:08

这不是隐藏孩子的z-索引。这是你父母的“overflow：hidden”。孩子比父母大，孩子得到剪裁。 – trapper 2012-03-06 15:15:19

感谢您的帮助@trapper，完成了这个诀窍。当你打开和关闭面板时，我只是在子div上闪烁，不用担心会查看它。谢谢。 – mickmaster 2012-03-06 15:51:14

孩子DIV [绝对]不与父DIV在Safari中移动

回答

相关问题