Эффект размытия в меню и подменю сайта WordPress ⇐ Html

[Anonymous]

Я пытался добиться эффекта размытия в липком меню и подменю моего сайта. Я использую редактор WordPress Pagelayer.
Сначала я спросил ChatGPT и получил вот ответ:

Код: Выделить всё

#menurow {
background-color: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
position: relative;
z-index: 1000;
}

#menurow ul.sub-menu {
background-color: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 8px;
padding: 10px;
z-index: 1001;
position: absolute;
}

Поскольку в Pagelayer нет функции размытия отдельных элементов, я использовал CSS.
Но когда я его использовал, только один или другой размывался, если я удалял эффект с любого из них, то есть не одновременно.
Затем он спросил, правильно ли у меня указан z-index, и я проверил это, ничего не изменилось; спросил, отличается ли каким-либо образом происхождение; это тоже проверил.
Что мне сделать, чтобы и основное меню, и подменю были размыты так же, как размыт фон под ним?

Подробнее здесь: https://stackoverflow.com/questions/796 ... nd-submenu