0

fancyBoxでページを開きたい。ページsomething.phpの背景は黒ですが、fancyBoxでsomething.phpを開くと、ページの背景は白になります。何か考えはありますか？fancyBoxを介して開かれたすべてのページは、暗黙的に白い背景になっていると思います。ページの背景を別の色に変更するにはどうすればよいですか。

ありがとうございました。

4

2 に答える 2

0

それはすべて、 something.phpを開く方法に依存し、オーバーレイの色とは関係ありません。

を使用してsomething.phpを開くとtype: "iframe"、something.phpは、独自のレイアウトと CSS スタイルを持つ通常の Web ページと同じように動作します。この場合、something.phpの背景は予想どおり黒である必要があります。

一方、something.phpを介して開いた場合（コードで定義されてajaxいないため、おそらくあなたが行っている方法です）type

$(document).ready(function() { 
 $(".various").fancybox({ 
  maxWidth   : 1000, 
  maxHeight  : 700, 
  fitToView  : false, 
  width      : '100%', 
  height     : '100%', 
  autoSize   : false, 
  closeClick : false, 
  openEffect : 'none', 
  closeEffect: 'none', 
  overlayColor  : 'black'  //<-- this is NOT a valid option for v2.x
 });
});

....その後、something.phpは fancybox (デフォルト.fancybox-skinではセレクター)の背景色を継承します。#F9F9F9

この方法でページを開く場合は、次の 2 つの選択肢があります。

  1. something.php内にラッパー コンテナーを設定し、メイン ページのそのラッパーにいくつかの CSS スタイルを設定します (fancybox を起動する内部から)。

  2. .fancybox-skin独自の CSS ファイルまたは CSS インライン宣言内の背景色を変更します。最初の場合は、fancybox CSS ファイルの後に CSS ファイルがロードされていることを確認してください。

    .fancybox-skin {
 background-color: #000;
}

編集：

コンテンツの背景色については、次のように組み合わせることができます。

.fancybox-inner {
 background-color: #000; /* black */
}

...そしてコンテンツの周りの境界線の場合:

.fancybox-skin {
  background-color: #ff0000; /* red */
}
于 2012-08-22T23:10:54.510 に答える
-1

使用している fancyBox のバージョンによって異なる場合があります。しかし'overlayColor' 、fancyBox のパラメータを設定してみてください。

于 2012-08-22T14:52:36.877 に答える