Проблема перекрытия Z-индекса в Chrome

Question

На моем веб-сайте я установил z-index: 1000 для изображения, когда состояние наведения активно, что прекрасно работает в Firefox, но не в Chrome.

Пожалуйста, проверьте картинки: увеличенное изображение появляется за текстом, даже если z-index текста ниже, чем 1000. Это неправильно , и это то, что я пытаюсь заархивировать: показывает изображение при наведении курсора над текстом

Мой веб-сайт https://pixelbeast.hu

Что я делаю не так?

Answer 1

Вам нужно добавить правило стиля position: relative; к своему изображению, чтобы z-index: 1000; работало.

z-index работает только на позиционированных элементах (position:absolute, position:relative,или position:fixed).