从fancybox-inner div中删除白色背景色

Question

有没有办法从fancybox-inner div中删除白色背景色？

继承人我在努力...

$(".fancybox").fancybox({padding : 0, background: 'none'});

Answer 1

您可以通过内联CSS声明进行更改。

链接到fancybox css 文件后，添加以下内容：

   .fancybox-skin {
      background-color: #ff0000; /* or whatever */
    }

该选择器的默认值为：

.fancybox-skin {
    background: none repeat scroll 0 0 #F9F9F9;
    border-radius: 4px 4px 4px 4px;
    color: #444444;
    margin: 0;
    padding: 0;
    position: relative;
    text-shadow: none;
}

最终，您可以使用background-color回调选项更改脚本中的beforeShow，如：

$(".fancybox").fancybox({
 beforeShow: function(){
  $(".fancybox-skin").css("backgroundColor","transparent");
 }
});

注意如果您要删除，我使用了transparent（在这种情况下none不是有效值）

Answer 2

http://fancyapps.com/fancybox/#helpers

在版本2中，有一种方法可以通过帮助程序：

$(".fancybox").fancybox({
    helpers:  {
        overlay : {
            css : {
                'background-color' : '#fff'
            }
        }
    }
});

Answer 3

你应该能够在fancybox-inner div中添加一个额外的类，如：

class="white"

然后将其设置在那里：

background: #FFF;

它将覆盖默认值。