#javascript #css #reactjs #material-ui #styled-components
Вопрос:
Есть ли способ изменить свойство фона моего компонента панели приложений material-ui, чтобы размыть содержимое на фиксированной панели навигации?
Я попробовал фильтр: размытие(0), и он работает не так, как я хочу. Я должен получить такой эффект на панели навигации с помощью React/Стиль-компоненты/Материал-пользовательский интерфейс 
Я искал в Интернете много часов…Я хочу, как, например, по следующей ссылке, получить размытие под этой панелью приложений : https://codesandbox.io/s/mwbwd?file=/demo.js
Ответ №1:
Просто добавьте sx={{backdropFilter:"blur(20px)"}} на панель приложений с color="transparent" добавлением.
Нравится <AppBar color="transparent" sx={{backdropFilter:"blur(20px)"}}>