我在我一直在处理的一个小聊天框上发布了 z-index 属性。
http://codepen.io/anon/pen/uLDBp
这两个元素都定位在 aboslutley 位置，让隐藏按钮将其自身定位在聊天框后面的唯一方法是给它一个 -1 的 z-index，但这会使其不可点击。
如有任何帮助，我们将不胜感激。
最佳答案
我认为这个人已经以优雅的方式解决了你的问题
Overlapping div making links unclickable
我遇到的另一个可选解决方案似乎是将按钮设置在后面，然后将另一个 div 元素放在它们的顶部，具有可以处理您的点击的透明背景
关于css - 子元素的 Z-Index 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15287342/