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