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

[Anonymous]

Я пытался получить эффект размытия в моем веб -сайте Sticky Menu и Sumenu. Редактор, которого я использую, это WordPress Pagelayer.
я сначала спросил из Chatgpt, и это ответ, который я получил: < /p>
#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;
}
< /code>
Поскольку Pagelayer не делает, t есть функция для размывания, специально разных элементов, я использовал CSS.
, но когда я использовал ее, только один или другой был размыт, если я удалил эффект из любого из них, так что я не был одновременно. тоже.
Что мне делать так, чтобы как основное меню, так и подменю размыты так же, как размытый фон?>

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