0

次の構文/コードが（もう）機能しないのは正しいですか？

$(".fancybox").fancybox({
    helpers : {
        overlay : {
            opacity : 0.9,
            css : {
                'background-color' : '#f00' 
            }
        }
    }
});

それをチェックしてください：http：//jsfiddle.net/jRsjK/3375/

...しかしこれだけ？

$(".fancybox").fancybox({
    helpers : {
        overlay : {
            css : {
                'background-color' : 'rgba(255, 0, 0, .9)'
            }
        }
    }
});

それをチェックしてください：http：//jsfiddle.net/jRsjK/3374/

4

1 に答える 1

4

この形式を使用している場合rgba(255, 0, 0, .9)、cssプロパティは、上記のサンプルコードのようにbackgroundではなく、である必要があります。background-color次に、スクリプトは次のようになります。

$(".fancybox").fancybox({
    helpers : {
        overlay : {
            css : {
                'background' : 'rgba(255, 0, 0, .9)'
            }
        }
    }
});

... JSFIDDLEを参照してください（より明確にするために、不透明度の値を低く設定しました）

backgroundプロパティを設定しない場合、fancyboxは半透明の.png画像を背景（fancybox_sprite.png）として使用することに注意してください。プロパティを設定した場合background-color（上記の例のように）、pngスプライトは引き続き使用され、探している不透明度の効果に影響を与える可能性があります。

バージョン2.1.x（最後に使用されたのはv2.0.6）以降、のopacityAPIオプションが削除されたようです。overlay

于 2013-02-26T18:48:27.357 に答える