#css #angular #ionic-framework #ionic5
#css #угловой #ionic-framework #ionic5
Вопрос:
Я пытаюсь понять, когда строка меню закрыта в ionic ios, в заголовке отображается некоторый стиль теней.
Я заглянул в элемент проверки, но не смог точно определить, к какому элементу он применяется.
Кажется, это вокруг .toolbar-container
элемента! но не могу понять, где именно или как это исправить!
Вот скриншот захваченного перехода, и вы можете увидеть тень:
Вот как это выглядит, когда после закрытия бокового меню:
кстати, это темная тема по умолчанию для ios, которая поставляется с боковым меню ionic angular.
Комментарии:
1. О каком стиле вы точно говорите?
2. когда боковое меню закрывается, вы можете увидеть тень
3. Эта тень исходит от
app.component.html
проверки css и удаляет ее оттуда.4. похоже, что это где-то в заголовке, все еще ищет
5. Спасибо @NajamUsSaqib за то, что изучил ее, наконец-то нашел, что это было
.header-background
Ответ №1:
Хорошо, я нашел это:
Это было .header-background
, когда меню открыто ( .header-collapse-condense-inactive
), которое устанавливало фон для размытия заголовка!
Я просто перезаписал это, backdrop-filter: none !important;
добавив следующий CSS глобально, исправил мою проблему!
.header-collapse-condense-inactive .header-background {
backdrop-filter: none !important;
}