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

Question

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

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

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

Answer 1

z-index:999; 

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

Answer 2

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

Answer 3

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

Answer 4

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