Как вынести элемент за overflow hidden?

Question

[Игорь Павленко]

Как вынести псевдоэлемент (:after) за пределы блока с overflow: hidden;

Способ с оберткой в данном случае не подходит.

Answer 1

[Андрей Федоров]

Хороший вопрос. Полагаю никак. У js-ников спросите...

Answer 2

[norman]

типа такого:

.content  {
	position: relative;
	overflow: hidden;
}
.content:after, .content:before {
		position: absolute;
		display: block;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		transform: translateX(-100%);
		background: #ccc;
		content:  '';
}

Comments

[Андрей Федоров]

Не работает.

[mozgmozg]

все работает.

Answer 3

[Hyubert]

Уже задавали такой вопрос, решение есть

Есть блок с overflow:hidden в нем есть элемент который должен выходить за рамки блока, как реализовать?

Можно ли исключить блок из overflow hidden ?

Comments

[Андрей Федоров]

И все-таки решения нет, если читать по ссылкам внимательно.

[Hyubert]

Андрей Федоров: а это jsfiddle.net/q72bs1tp/2

[Андрей Федоров]

Hyubert: Внимательно... Автор обертку не хочет.

[Hyubert]

Андрей Федоров: ну тогда только JS