jquery - fancybox-innerdivから白い背景色を削除します

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-innerdivにクラスを追加できるはずです。

class="white"

そして、そこに設定します。

background: #FFF;

そして、それはデフォルトを上書きします。