莫代尔褪色不会消失

时间:2018-04-08 04:29:09

标签: javascript html css

我有这个模态的问题,当我点击取消我希望模态关闭它发生,但淡入淡出背景没有,据我所知,我没有做错什么但它没有工作。 :/ 你能帮我么? 非常感谢你:D

<div id="id01">

<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="loginLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h2 class="modal-title" id="login">Iniciar Sesión<button type="button" class="close navbar-btn" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button></h2>


      </div>
      <div class="modal-body">




 <span></span> <label for="psw"><b>Correo Electrónico</b></label>
     <span><img src="images/mail.png"></span> <input type="password"  name="psw" required  style="border-radius: 5px; border-color: 1px solid #d8d8d6;">

  <label for="psw"><b>Contraseña</b></label>
      <span><img src="images/key.png"></span><input type="password"  name="psw" required style="border-radius: 5px; border-color: 1px solid #d8d8d6;">

<hr>

<p>¿Olvidaste tu contraseña?</p>

   <button type="button" class="btn"  style="color: #000000; margin-left: auto; margin-right: auto;" onclick="document.getElementById('id01').style.display='none'" >Cancelar</button>


   <button type="button" class="btn"  style="background-color: #92CD00; color: #ffffff; margin-left: auto; margin-right: auto;">Iniciar Sesión</button>


        </div>
      </div>
        </div>
    </div>


</div>

0 个答案:

没有答案