Альтернатива на фоне не обращена конкретных селекторов ⇐ Html

[Anonymous]

В веб -сайте Pure HTML/CSS (без JS) с традиционной структурой тела (

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

header

, main и looter ), заголовок содержит некоторые кнопки для навигации или выбора локали с использованием API Popover. Полученный Popover отображается на верхнем уровне, расположенном над основным или нижним колонтином , под заголовком (то есть в терминах плоскости просмотра, а не в стеке слоев).
Использование CSS :: FackDrop позволяет стилизовать область «вокруг». Тем не менее, это повлияет на весь вид просмотра (то есть все элементы тела под верхним слоем).
Итак, каковы альтернативы, так что заголовок , содержащий кнопки , из которых активируются Popers, все еще видны и не повторно (т.е. эффект фона будет применить только к основному и Footer )? current code, that is affecting the whole viewport (sets a color with transparency over everything), so not exactly what I'm after (i.e. do not set this color for the header):


[popover]::backdrop {
background: var(--backdrop);
}

:root {
--backdrop: rgba(255, 255, 255, 0.8);
}< /code>


My button

< /code>
< /div>
< /div>
< /p>
Использование фоне-фильтра может быть вариантом, как это так? Какие еще альтернативы вы думаете? Заранее спасибо!


Подробнее здесь: https://stackoverflow.com/questions/795 ... ors-intact