全屏覆盖问题

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值，并使用更大的数字作为叠加层。

Answer 2

标记位置固定，将解决您的问题。绝对位置相对于标记为相对的第一个父对象定位。