Как отобразить окно приветствия с использованием скрипта контента?

Question

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

welcome_box = document.createElement("template");
welcome_box.innerHTML = 'myhtml';
document.documentElement.appendChild(welcome_box.content.firstChild);

Answer 1

Вы не определили, где должен выполняться этот код вместо метода createElement. Я бы использовал простой тег html, а в файле CSS это должно быть похоже на

. Сейчас я занят, и у меня нет времени писать полный код, ноВот демоверсия codepen

CSS так велик, потому что его адаптивный дизайн тоже есть, но вы можете просто удалить его, если хотите, если бы я помог вам