MUI应用程序栏和固定导航栏下方的模糊内容
MUI应用程序栏和固定导航栏下方的模糊内容
提问于 2021-05-07 12:00:31
有没有办法改变我的material-ui AppBar组件的背景属性来模糊固定导航栏上的内容？
我试过滤镜: blur(0)，但它并不像我想要的那样工作。我必须使用React/Styled-components/Material-UI在导航栏上获得这种效果
我已经在互联网上搜索了好几个小时了……我想，就像下面的链接一样，在这个应用程序栏下面模糊一下：https://codesandbox.io/s/mwbwd?file=/demo.js
回答 1
Stack Overflow用户
发布于 2021-10-30 11:14:07
只需在添加了color="transparent"的Appbar上添加sx={{backdropFilter:"blur(20px)"}}即可。
像<AppBar color="transparent" sx={{backdropFilter:"blur(20px)"}}>一样
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67428830
复制相关文章
相似问题
腾讯云开发者
