我想知道我是否可以使用"相同"图标（或看起来相同的图标）来触发全屏、半透明的 Bootstrap 模式（我已经自定义）弹出，然后用同一位置的图标关闭它。
但是，假设它最初是普通页面上的汉堡包图标，当我单击该图标弹出模态菜单时，它现在位于模态下方。有没有办法让它保持在模态之上？我尝试了 z-index，但我无法让它工作。
对我来说棘手的是，我想让图标从汉堡包过渡到 X，反之亦然，当它关闭时：http://sarasoueidan.com/blog/navicon-transformicons/
最初，我希望我能让图标过渡，然后以某种方式将图标设置为在所有内容（包括模态）之上分层。
任何想法或建议都会很棒，谢谢。
应该可以使用 z-index 来做到这一点。但是，z-index 仅适用于将"位置"设置为"静态"（默认值）以外的元素。尝试将position: relative添加到打开/关闭按钮，希望您应该能够使用 z-index 将按钮保持在叠加层的前面。
有一个很好的参考，其中包含有关 CSS 技巧的 z-index 的更多信息。