Почему изображение перекрывает навигацию?

Question

[alexeypartolin]

Пытаясь сверстать очередной шаблон, не могу разобраться с тем, почему изображение из контента залезает на меню (невозможно кликнуть по ссылкам из меню, при наведении мыши — мышь не меняется, как обычно при наведении на ссылку).
Пытался выставлять z-index: 999; меню (у изображения он равен 99) — не помогает.
Прошу помощи.

Код изображения:

.main-content_right img {
	position: relative;
	z-index: 99;
	top: 43px;
}

Код меню:

nav {
	padding-top: 25px;
}

nav ul {
	display: flex;
}

nav ul li a {
	text-decoration: none;
	text-transform: uppercase;
	color: #4d4d4d;
	padding-left: 30px;
	font-weight: 500;
}

Comments

[Антон Спирин]

Код в песочницу

[Евгений]

Вопрос из разряда "Почему у меня не заводится машина? Вот я принёс руль. Прошу помощи!"

[Артем Чернявский]

.main-content_right {
  position: relative;
  z-index: 0;
}

.main-content_right img {
  position: relative;
  z-index: -1;
}

[Егор Живагин]

Код в песочницу (2)

Перенесите ваш код в какой-нибудь codepen/jsfiddle/... , чтобы можно было воспроизвести проблему

Answer 1

[Артём Черный]

Проверьте позиционирование у меню, z-index не работает с position: static, а вообще, да, кусок кода был бы кстати