0

こんにちは、私はこのウェブサイトをテストエリアに持っています。

http://newsite.carpetandvinylshowroom.co.uk/

わかりましたので、ホームページには最新のプロジェクトがあり、fancybox ポップアップが表示されます。しかし、背景が表示されていません

しかし、あなたが行くなら

http://newsite.carpetandvinylshowroom.co.uk/services/quality-carpets

同じスクリプト、同じ CSS で、まったく違いはありませんが、このページは正常に動作します。私のコードはかなり標準的です：

$(".fancybox").fancybox({
        openEffect  : 'elastic',
        closeEffect : 'elastic',
        helpers : {
            title : {
                type : 'inside'
        }
    }
});

これに関するヘルプは大きな助けになります。

4

2 に答える 2

0

ホームページでは、fancyboxラッパーの不透明度が0であるのに対し、このページではhttp://newsite.carpetandvinylshowroom.co.uk/services/quality-carpetsで、不透明度0を上書きする場合は、不透明度が0.8であることに気付きました。これをメインのcssに入れて、fancyboxを使用してすべてのページに影響を与えます。

#fancybox-overlay{ opacity:0.8 !important; }
于 2012-10-15T11:56:01.627 に答える
0

Fancybox は、divID を使用してページに を追加し、fancybox-overlayそれに応じてスタイルを設定することでオーバーレイを行います。(Firebug/chrome dev ツールなどを使用して) カーペット ページを見ると、divが追加されています。ホームページを見ると、divも追加されています。それらの違いはホームページにあります。不透明度は0に設定されています（つまり、何もありません）。カーペットページでは、0.8 に設定されています。Firebug を使用して不透明度を変更すると、ホームページは正常に表示されます。

質問は、この要素の不透明度を変更しているのは何ですか? への呼び出しで目的の不透明度を手動で指定してみてくださいfancybox

$(".fancybox").fancybox({
    helpers : {
        overlay : {
            css : {
                'background' : 'rgba(1, 1, 1, 0.8)',
            }
        }
    }
};

それでも問題が解決しない場合は、ホームページのコードを調べて、要素の不透明度に影響を与えている可能性のあるものを探して、それらを無効にしてみてください。

于 2012-10-15T11:52:10.103 に答える