jquery - 从 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;

它将覆盖默认值。