@Renat871

Как затемнить фон за тегом Dialog?

Всем привет. Мне нужна помощь. У меня сверстана форма
<dialog class="fadeInDown wow" id="dialog_log">
        <button id="closeDialog_log" class="none_back2"></button>
          <div id="wrapper">
            <b>Login</b>
            <form id="signin" method="" action="" autocomplete="off">
              <input type="text" id="user" name="user" placeholder="username" required />
              <input type="password" id="pass" name="pass" placeholder="password" required />
              <button type="submit">&#xf0da;</button>
              <a href="#"><p>Забули</a> свій пароль?</p>
            </form>
          </div>
      </dialog>


куча CSS но это не интересно.

дальше JS
var dialog = document.querySelector('#dialog_log');
        document.querySelector('#openDialog_log').onclick = function() {
         dialog_log.show(); 
        }
        document.querySelector('#closeDialog_log').onclick = function() {
         dialog_log.close();
        }


и надо сделать так что б когда показивается это окно то фон (весь body) становился темнее.

Ну и позможности подскажите как сделать что б при нажатии на любую точку фона этот dialog закривался
  • Вопрос задан
  • 36 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
14 апр. 2021, в 08:55
15000 руб./за проект
14 апр. 2021, в 07:55
500 руб./в час
14 апр. 2021, в 07:27
13000 руб./за проект