@JohnDoe116

Как убрать псевдоэлемнент за кнопки ссылок?

Не могу убрать псевдотень картинкой за элементы с помощью z-index. Может есть какой-нибудь способ сделать и без псевдоэлементов?Любой способ подойдёт!5cf76dec5f23f383167559.jpeg
<div class="header-middle container-inner">
				<div class="promo-setion">
					<div class="promo title">
						<a href="#">Secure Email Communication</a>
						<p>Based in <span>Somewhere</span></p>
					</div>
					<div class="account-creation">
						<a href="#">Create account</a>
						<a href="#">Apple</a>
						<a href="#">Coogle Play Store</a>
					</div>
				</div>
			</div>


.account-creation {
	position: relative;
	display: flex;
	justify-content: center;
	margin-top: 60px;
	z-index: 20;
}
 
.account-creation::before {
	position: absolute;
	content: "";
	width: 602px;
	height: 57px;
	background: url(../img/c-shadow.png);
	background-repeat: no-repeat;
	z-index: 10;
}
  • Вопрос задан
  • 68 просмотров
Пригласить эксперта
Ответы на вопрос 1
@hacuka
html программист))))))
Достаточно добавить z-index к ссылкам

.account-creation a {
z-index: 11;
}

https://codepen.io/dmikshin/pen/rgbJdO?editors=1100
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы