Ragtime_Kitty
@Ragtime_Kitty

Как расположить after под прозрачным блоком?

Привет.

Есть блок, его after находится под ним: z-index: -1;
Если задать блоку прозрачность меньше 1, то after будет отображаться поверх самого блока.

Контекст наложения, там, тыры пыры, я его не очень понимаю.

Собственно, вопрос: Как сделать прозрачным блок и расположить after под ним?
  • Вопрос задан
  • 178 просмотров
Решения вопроса 1
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
Никак, потому что псевдоэлементы принадлежат блоку.
Обход такой. Если нужно дать какой-то фон, дать его для :after с z-index: 1.
Для :before – z-index по умолчанию (он будет под :after).
Таким образом имитируем что-то под фоном блока.
Для контента блока z-index: 2 (если там будет контент).,
Ну и не забываем играть с position, чтобы все это расставить по местам.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы