jquery - 壮大なポップアップ背景がフルスクリーンで表示され、どこかをクリックすると閉じます

Question

壮大なポップアップ ajax 呼び出しをアクティブにするリンクをクリックすると、灰色の背景がフルスクリーンで表示されます。ただし、背景がログインフォーム (ポップアップ内) をカバーするのに十分かどうかを確認しようとしています。また、ajaxフォーム内をクリックすると、自動的に閉じます。助けが必要です...

 <a class="simple-ajax-popup-align-top" href="result.php">try me</a><br>

jquery Ajaxスクリプト

$(document).ready(function() {
$('.ajax-popup-link').magnificPopup({
    type: 'ajax',
    alignTop: false,
    overflowY: 'scroll'
});
});

そしてresult.phpは次のとおりです。

    <div class="login_body">
     <form id='login' name="login" method="post" action="login_process.php" accept-charset='UTF-8'>

    <input type='hidden' name='submitted' id='submitted' value='1'/>

    <div class="field_container">Email:</label>
    <input type='text' name='cust_email' id='email'  maxlength="100" style="width: 250px; height: 30px"; /></div> 

    <div class="field_container">Password:</label>
    <input type='password' name='cust_password' id='password'  maxlength="12" style="width: 250px; height: 30px"; /></div>

    <input type='submit' name='Submit' value='Login' />



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