Не работает z-index?

Question

[Макс Жуков]

верстаю макет и на секции со слайдером <img src="img/img_slide_1.png" alt="Photo">(делаю position:relative; z-index:999(к примеру)) а, со следующей секции <section class="search"> (делаю position:relative; z-index:5(к примеру)) и картинка не коем образом не находится над секцией, как это исправить?
https://github.com/MaksZhukov/Front-end/blob/maste... это макет
https://github.com/MaksZhukov/Front-end/tree/maste... это то что я уже сделал из макета

Comments

[paramid]

выложи фрагмент в песочницу, codepen или jsfiddle

[Артём Ведищев]

section .slider .photo-product img {
position: relative;
z-index: 999;
}
Может убрать img?

[Макс Жуков]

Пробывал убирал, ставил не выходит(

[Макс Жуков]

Владислав, https://codepen.io/MaksZhukov/project/editor/DNGnyW сдесь проект, и картинка должна быть над секцией поиска, как это сделать?

[paramid]

Макс Жуков, поняха сверху должна быть?)

[Макс Жуков]

Владислав, ага

Answer 1

[Артём Ведищев]

Пример
https://jsfiddle.net/ct6kmdg0/

Comments

[Макс Жуков]

Всё так и есть, просто не выходит и всё. на github все так же сделал.

[Артём Ведищев]

Макс Жуков:
на github в style.css строка 322 - 325
section .slider .photo-product img {
position: relative;
z-index: 999;
}
Свойство z-index наложено на картинку (img). Я предлагаю наложить его на блок .photo-product
section .slider .photo-product {
position: relative;
z-index: 999;
}

Пример 2
https://jsfiddle.net/ct6kmdg0/1/
Подобное у тебя

[Макс Жуков]

Артём Ведищев: Я пробывал, всё бы работало как у тебя, но картинка и блок находится в bxslider, может по этому оно и не хочет работать, я пытался менять родительские блоки и что-то ничего.

[Макс Жуков]

Артём Ведищев, https://codepen.io/MaksZhukov/project/editor/DNGnyW сдесь проект, и картинка должна быть над секцией поиска, как это сделать? сделал как ты сказал. Попробуй.