发生外部点击时关闭模式

Question

在移动版本的网站中，我有一个call-to-action按钮，当您单击它时，模式会打开（http://torg.shahar.uz/kvartira/prodaja-kvartira-tashkent-0-125144）。我尝试通过添加style="top:auto;"从顶部到底部更改模式的位置，并且效果很好。但是，模态外部的单击不会将其关闭。我应该怎么做才能在模态之外保持点击以关闭它？预先感谢。

<div class="modal fade in" id="myModal" role="dialog" aria-hidden="false" style="display: block; top: auto; padding-right: 0px;">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">×</button> 
        </div>

        <div class="modal-body">
          <p>Some text in the modal.</p>
          <p>Some text in the modal.</p>
          <p>Some text in the modal.</p>
          <p>Some text in the modal.</p>
          <p>Some text in the modal.</p> 
        </div>

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