javascript-当模态可见时，材质 UI 模态背景不会变暗

我想弄明白一件很奇怪的事。默认情况下，只要材质UI的模式背景可见，它就会自动变暗。在尝试将模态居中时，我正在应用css翻译样式-transform: 'translate(-50%, -50%)'，。我注意到在使用这种样式后，但是在使用这种样式后，调光效果消失了。此外，当我在模式外单击时，模式不再关闭。有人知道会发生什么吗？请参见css规则。谢谢

  modal: {
    top: '50%',
    left: '50%',
    right: 'auto',
    bottom: 'auto',
    transform: 'translate(-50%, -50%)',
    padding: 0,
    border: 'none',
    width: '60%'
  },