当调光器设置为{'blurring'}时，在语义UI模式后面显示的Toast消息>> [

Question

我正在将reachast消息与语义UI一起使用。问题是当调光器设置为模糊时，吐司消息显示在模态后面。否则，它会按预期显示在页面顶部。

您有同样的问题吗？如何纠正？

感谢您的帮助！

  <Modal
    centered
    size={'large'}
    open={this.props.openVariationGeometry}
    onClose={() => this.props.closeVariationGeometryModal()}
    closeIcon
    dimmer={'blurring'}
  >
    <Header icon="cube" content={'Change the Gemetry of the Selected Variation.'} />
    <Modal.Content>
      <VariationGeometryForm />
    </Modal.Content>
  </Modal>

Example

我正在将reachast消息与语义UI一起使用。问题是当调光器设置为模糊时，吐司消息显示在模态后面。否则它将显示在...

Answer 1

用filter: none为您的吐司定义一个css规则，或类似这样的通用规则