提问人:winter 提问时间:11/8/2023 更新时间:11/9/2023 访问量:37
破折号 dbc 模态:背景更模糊或更暗
dash dbc Modal: background more blur or dark
问:
我正在开发一个破折号应用程序。当模态打开时,我正在使用并获得完全可见的背景。我也尝试过,至少得到了微弱的背景。dbc Modal
backdrop=False
backdrop='static'
import dash_bootstrap_components as dbc
from dash import Input, Output, State, html
modal = html.Div(
[
dbc.Button("Open modal", id="open", n_clicks=0),
dbc.Modal(
[
dbc.ModalHeader(dbc.ModalTitle("Header")),
dbc.ModalBody("This is the content of the modal"),
dbc.ModalFooter(
dbc.Button(
"Close", id="close", className="ms-auto", n_clicks=0
)
),
],
id="modal",
is_open=False,
backdrop=False, # or 'static'
),
]
)
@app.callback(
Output("modal", "is_open"),
[Input("open", "n_clicks"), Input("close", "n_clicks")],
[State("modal", "is_open")],
)
def toggle_modal(n1, n2, is_open):
if n1 or n2:
return not is_open
return is_open
我试过了
style={'opacity': '0.5 !important'}
但它没有效果。
是否可以使背景更模糊或更暗?
答:
1赞
Waleed Malik
11/9/2023
#1
在保持 backgrounddrop=True 的同时,您可以使用 CSS 选择器并在 ./assets/style.css 文件中设置不透明度,如下所示
.modal-backdrop.show {
opacity: 0.5;
}
评论
0赞
winter
11/9/2023
嗨,瓦利德,谢谢。我尝试了css文件,它也在使用它。backdrop='static'
评论