@alexiusgrey

Абсолютный before к родителю и z-index вложенного элемента, как подружить?

Надо чтобы полупрозрачный псевдоэлемент прибивался именно к родителю слева абсолютом, но чтобы буквы вложенного текста были выше. z-index не применяется. Если делать псевдоэлемент тексту, я при адаптиве замучаюсь его гонять влево-вправо. Есть способ все-таки сделать вложенный элемент выше псевдоэлемента родителя?
Вот так не получилось.
Текст не напрямую вложен, там еще идет несколько оберток. Если первой задать z-index 2, то псевдоэлент не видно. Если задать псевдоэлемент тексту, то проблемно позиционировать, не прилипает к краю.
.slider-section:before {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 0px 25px 25px 0px;
    content: "";
    left: 0;
    top: 2rem;
    bottom: 2.3rem;
    position: absolute;
    z-index: 1;
    width: 49vw;
}

.slider-text {
    display: flex;
    justify-content: center;
    flex-direction: column;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin: 2.3rem 1rem 2.4rem -.5rem;
    padding-bottom: 9.5rem;
    position: relative;
    z-index: 2;
}
  • Вопрос задан
  • 178 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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