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;
}

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

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

注意，如果您想删除它，我使用了transparent(none在本例)