0

fancybox2の背景色を黒から青に変更しようとしていますが、変更できない場合もありますが、ポップアップも透明になり、他の色は機能しません。

これは私がこれまでに試したことです：

オプション1:(色を変更しない）

 beforeShow: function() {
                $(".fancybox-overlay").css({
                    "backgroundColor": '#FFFFFF',
                    "backgroundImage": 'none' // optional if you prefer a solid color
                });
            },

オプション2：

helpers : {
        overlay : {
            opacity : 0.4,
            css : {
                'background-color' : '#1E72B2'
            }
        }
    }

背景画像を使用しているのを見ましたが、新しい背景画像を作成するしか方法はありませんか？

私が間違っているかもしれないアイデアはありますか？ありがとう！ギレルモ。

4

2 に答える 2

0

オプション1 :(正常に動作します） 

$(".fancybox").fancybox({
    beforeShow: function() {
        $(".fancybox-overlay").css({
            "backgroundColor": "#FFFFFF",
            "backgroundImage": 'none' // optional if you prefer a solid color
        });
    }
});​

あなたの例のようにデモを見てください

編集：青色に一致するようにデモが更新されました

オプション2 :(うまく機能します）

$(".fancybox").fancybox({
    helpers: {
        overlay: {
            opacity: 0.4, // this make the color transparent. set to 1 for solid color
            css: {
                'background': '#1E72B2'
            }
        }
    }
});​

デモを見る

...だから、あなたが間違っていることはわかりませんが、ここにあなたがチェックできることがあります：

  • 構文を確認してください（比較するためにデモからコピー/貼り付け）
  • DOCTYPEドキュメントに適切なものがあることを確認してください
  • すべてのファイル（パスを確認）、特にfancybox cssファイルをロードしていることを確認してください（スプライトイメージはcssファイルと同じディレクトリにある必要があります）
  • 最初にjQueryの単一インスタンスをロードし、次に残りのjsファイルをロードします

  • カスタムスクリプトが次の.ready()ようなメソッド内にあることを確認してください。

    $(document).ready(function(){
  $(".fancybox").fancybox();
});
于 2012-12-28T15:56:24.777 に答える
0

JFK、私はあなたの解決策を試しましたが、うまくいきませんでした。私がやったことは、オーバーレイのためにfancybox2によって使用されるfancybox_overlay.pngを変更することです。もちろん透明度は保っています。とにかく、ありがとう！

于 2013-01-05T20:26:38.907 に答える