我在嵌套元素中使用 z-index 时遇到问题。我尝试为我的网站创建一个交互式介绍教程（使用库 Trip.js） 问题是通过“突出显示”特定元素而出现的。
突出显示的方法如下：首先，为了“淡化”整个站点内容，创建了一个叠加层。它获得了一些不透明度和 z-index = 3，以覆盖网站的所有元素。比应该突出显示的元素动态地获得 z-index = 4，因此它应该显示在叠加层的前面。
问题是该元素可能包含在另一个具有 position = 'relative' 和 z-index = 2 的元素中。所以即使我将 position = 'absolute' 设置为突出显示的元素，它仍然显示在覆盖层后面，因为 z - 父元素的索引，如果低于覆盖的 z-index。
我可以访问突出显示元素和覆盖的样式，但不幸的是，以通用方式访问父元素几乎是不可能的（因为它是由其他库生成的，可以多次嵌套到具有自己样式的其他元素等）
那么有什么方法可以强制突出显示的元素显示在覆盖层的前面，而不管父元素的样式如何？