【问题标题】:Highlight background Element using material-ui dialog component使用material-ui对话框组件高亮背景元素
【发布时间】:2020-01-10 13:40:32
【问题描述】:

我在 material-ui V4 中使用了一个对话框组件,我想防止特定元素在背景中变暗。

我想要变暗,而不是我点击的按钮,我想知道这是否可能?

【问题讨论】:

  • 我不太确定我是否理解这个问题,但这不是可以用 CSS 解决的吗?
  • 当我单击按钮弹出弹出窗口时,背景变暗,并且这些元素被“禁用”。这些元素仍然存在,您只是无法与它们交互。我不想让按钮变暗...
  • 我自己用过对话框,按钮并没有自己禁用
  • @Sasha 这些按钮在技术上并没有被禁用,但背景会阻止它们在对话框打开时进行交互。
  • 这通常是一个对话框的目的,对话框占据了整个屏幕,设置按钮z-index mght 工作但我不确定

标签: javascript reactjs material-ui


【解决方案1】:

最终对我有用的是使用this 帖子的使用BackdropProps={{ invisible: true }} 的答案并在其他组件上手动添加filter: brightness(60%) 函数。

【讨论】:

    猜你喜欢
    • 2019-08-12
    • 2023-02-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-09-02
    • 2019-10-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多