отображать div при загрузке с размытием фона

Question

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

Для этого я использую тег <span> для входа в систему и отключаю фоновые поля (я вставляю фоновое содержимое в <div>). Но я могу ввести значение в фоновом поле. А также, когда я восстановлю окно, тег <span> опустится. Но мне нужно отобразить его в центре, даже когда я восстановлю окно.

Пожалуйста, направьте меня, чтобы сделать это.

Answer 1

Вы можете использовать jQuery для модального диалогового окна

$(document).ready(function(){
        $("#example").dialog();
    });


<div id="example" class="flora" title="This is my title">
        Your html
</div>

Модальный плагин jQuery

jquery UI

jQmodal

Answer 2

Это JQuery Core-UI Dialog форма, которую я использовал allot. Это действительно хороший способ сделать диалог.