全屏幕不透明弹出

Question

我有这把小提琴。我试图打开一个弹出，是全屏，响应和页面加载。我把它设置为弹出一个按钮。问题是它不是在页面加载时打开的，也不是全屏的。

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;