Для шапки сделать псевдоэлемент, который будет абсолютно спозиционирован относительно "шапки", у которого будет высота, равная "шапке" (100%), а ширина равная ширине вьюпорта(100vh). И z-index: -1 у псевдлоэлемента, чтобы фон был под контентом "шапки".
Ну это первое, что пришло мне на ум, но дело в том, что 100vw учитывает ширину полосы прокрутки (а мне надо область без скроллбара). Это вызывает горизонтальный скролл, а правила overflow-x на родителе мне хочется избежать.
Это потому, что подсказка висит на картинке, которая по умолчанию не поддерживает состояние focus. Присвойте img атрибут tabindex="0" либо вешайте подсказку на фокусируемый элемент, внутри которого будет находиться изображение.
h88p, я знаю, но этот же пример можно переписать на чистом js, и вопрос останется тем же - лучше делать проверку внутри или, если можно так выразиться, снаружи?
Ну это первое, что пришло мне на ум, но дело в том, что 100vw учитывает ширину полосы прокрутки (а мне надо область без скроллбара). Это вызывает горизонтальный скролл, а правила overflow-x на родителе мне хочется избежать.