jquery - 覆盖和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%;
}