Как сделать hover больше чем сам контейнер по ширине?

Question

[Danya Wyse]

Думал через псевдоэлемент закинуть но не гибко получается
Нужно чтобы наведение работало на всю ширину экрана, то есть больше чем например ширина самого контейнера в блоке

Comments

[Ankhena]

Думал через псевдоэлемент закинуть но не гибко получается

И что именно не гибко?
Но можно растягивать ссылку, а не псевдо от неё.

[Владимир Е]

Так может его поставить на родительский блок?
Который желтым залит

[Ankhena]

Владимир,

Так может его поставить на родительский блок?

Не надо так делать.
Поверх - ок. Оборачивать - не стоит. Просто по семантике.

[Владимир Е]

Ankhena,

parent:hover child {
  /*some styles*/
}

нет?

[Ankhena]

Владимир, и какой смысл пользователю от такого ховера? Красиво, но бестолково?

[Danya Wyse]

Ankhena,
Сделал вот так

position: absolute;
		top: 0;
		left: -50%;
		right: 0;
		bottom: 0;
		width: 9999px;
		height: 100%;
		background-color: $linestoke;
		z-index: -1;
		opacity: 0.2;

[Ankhena]

Danya Wyse, 100vw, а не 9999px

[Danya Wyse]

Ankhena, на мобильных экранах нормально не пашет

[Danya Wyse]

Ankhena, а 9999 до 320px все хорошо

[Ankhena]

Danya Wyse, потому что с позиционированием беда. При таком как у вас должно быть 150vw. А если от центра или от правого края то достаточно 100.