css - 全屏覆盖问题

Question

我试图在显示进度条时覆盖屏幕，但覆盖不正确，几个 DIV 仍然突出显示，如图所示。

我正在使用以下 CSS 样式，请指出导致问题的原因

style = {
 qoverlay: {
      position: 'absolute',
      top: '0',
      left: '0',
      background: 'rgba(0,0,0,0.6)',
      'z-index': '50',
      width: '100%',
      height: '100%'
    }
}

我正在使用 material-ui/core/Dialog

<Dialog open={this.state.confirmOpen} aria-labelledby='form-dialog-title' style={this.style.qoverlay}>

Answer 1

您可能需要增加 z-index 的值。尝试将其从 50 更改为 99999。或者检查保持可见的元素的 z-index 值，并为您的叠加使用更大的数字。