叠加和fancybox 2 - 没有显示

Question

我尝试将Fancyboxe的叠加层显示出来，但没办法。 我尝试设置这样的帮手但没什么用。

$(".fancybox").fancybox({
      helpers : { 
       overlay: {
        opacity: 0.8, // or the opacity you want 
        css: {'background-color': '#ff0000'}
       } // overlay 
      } // helpers
    }); // fancybox

有什么想法吗？

Answer 1

您需要将代码包装在一个函数中，该函数告诉网页在文档加载完成后运行一些代码。

$(document).ready( function() {

    $(".fancybox").fancybox({
        helpers : {
            overlay : {
                css : {
                    opacity: 0.8,
                    'background-color' : '#ff0000'
                }
            }
        }
    });

});

Answer 2

尝试

#fancybox-overlay {
  width: 100%;
}