Относительное позиционирование изображения с всегда на вершине

Question

Привет ребята я применили относительное позиционирование к изображению, как выше колпачком экрана. но то, что мне нужно, - это сделать это изображение перед этой серой панелью меню. что я должен применять для CSS-класса меню для этого?

для относительного положения изображения я использовал следующий код

position: relative; 
top: -Xpx; 
z-index: 99; 

Answer 1

z-index:999; 

или какое-либо другое действительно высокое количество, чтобы заставить его превышать все остальные элементы.

Answer 2

Относительное положение дается элементу, когда вы хотите, чтобы якорь (содержат) другие позиционируемые элементы внутри него. Если вы хотите, чтобы это изображение отображалось поверх всего остального, вам необходимо установить его абсолютным. Это, конечно, зависит от того, чего вы пытаетесь достичь.

Answer 3

Не видя html и полный css, это мое лучшее предположение: вам нужно установить серое полотно на position:whatever, а затем установить z-index на этом.

Answer 4

Я думаю, что вы применяете стиль css перед стилем серой полосы. Таким образом, вы должны применять стили css на изображении после стиля или кода в виде серого.