全屏不透明彈出

Question

我有這jfiddle。我試圖打開一個全屏，響應和頁面加載的彈出窗口。我已設置爲使用按鈕彈出。問題是它不是在頁面加載時打開，而且也不是全屏。

http://jsfiddle.net/rodmbo0m/

這裏是我的jQuery

$(window).load(function(){ 
jQuery(document).ready(function ($) { 

$('[data-popup-target]').click(function() { 
    $('html').addClass('overlay'); 
    var activePopup = $(this).attr('data-popup-target'); 
    $(activePopup).addClass('visible'); 

}); 

$(document).keyup(function (e) { 
    if (e.keyCode == 27 && $('html').hasClass('overlay')) { 
     clearPopup(); 
    } 
}); 

$('.popup-exit').click(function() { 
    clearPopup(); 

}); 

$('.popup-overlay').click(function() { 
    clearPopup(); 
}); 

function clearPopup() { 
    $('.popup.visible').addClass('transitioning').removeClass('visible'); 
    $('html').removeClass('overlay'); 

    setTimeout(function() { 
     $('.popup').removeClass('transitioning'); 
    }, 200); 
} 

}); 
}); 

Answer 1

http://jsfiddle.net/rodmbo0m/1/

此更新可全屏彈出。

剛換定位是固定的，在彈出體爲所有四個角邊界0

position:fixed; 
top:0; 
right:0; 
left:0; 
bottom:0;