Переопределите Z-индекс в CSS и установите для важности значение -1.

  1. Встроенный CSS:

    <div >...</div>
  2. Внутренний CSS:

    <style>
     div {
       z-index: 9999;
     }
    </style>
  3. Внешний CSS:
    HTML:

    <link rel="stylesheet" type="text/css" href="mystyle.css">
    <div>...</div>

    CSS (mystyle.css):

    div {
     z-index: 9999;
    }
  4. Класс CSS:
    HTML:

    <div class="my-div">...</div>

    CSS:

    .my-div {
     z-index: 9999;
    }
  5. JavaScript:

    document.getElementById("myDiv").style.zIndex = "9999";

Эти методы демонстрируют различные способы установки для свойства z-index высокого значения (например, 9999), чтобы гарантировать, что элемент будет отображаться поверх других. Однако стоит отметить, что установка значения z-index, равного -1, обычно не рекомендуется, поскольку при этом элемент помещается позади большинства других элементов на странице. Чаще всего отрицательные значения z-индекса назначаются элементам, которые должны располагаться ниже порядка наложения по умолчанию.