@1233211

Как сделать так, чтобы блок был выше :after?

Вот так у меня получается label:after перекрывает span, как сделать так, чтобы текст из span был выше?

<label>
  <span>111</span>
<label>


label {
  display: block;
  background-color: black;
  position: relative;
}

label:after {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  background-color: white;
  left: 0;
}

span {
  color: red;
}
  • Вопрос задан
  • 62 просмотра
Решения вопроса 3
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
CEO iAmStudio, предприниматель.
span → position: relative + z-index: 1+
:after → z-index: 0
Ответ написан
sniggering_deus
@sniggering_deus Куратор тега CSS
I will live forever in the flame of your eyes.
label {
  display: block;
  background-color: black;
  position: relative;
}

label:after {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  background-color: white;
  left: 0;
  z-index: 1;
}

span {
  color: red;
  z-index: 2;
  position: relative;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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