javascript - komunikat który będzie zasłaniał całą stronę

Question

Uczę się js ostatnio i chciałbym stworzyć komunikat który będzie się pojawiał i nie wpływał na elementy strony, żeby tak jakby był wyższą warstwą. Zindex nie działa więc zapytałem popularnej ostatnio sztucznej inteligencji ale nie pomogła: mój obecny kod to
 

function wiadomosc()
{
    var message = document.createElement("div");

    message.style.position = "absolute";
    message.style.top = 0;
    message.style.left = 0;
    message.style.width = "100%";
    message.style.height = "100%";

    message.style.zIndex = 1000;

    message.classList.add("message");
    
    message.innerHTML = "jakiś komunikat";

    document.body.style.position = "relative";

    document.body.appendChild(message);

}

tekst pojawia się pod stroną

Answer 1

Spróbuj ustawić z poziomu kodu css

[ on-line ]

body {
  position: relative;

  ...
}

zamiast

document.body.style.position = "relative";