0

我想在fancyBox 中打开一个页面。页面something.php 有黑色背景,但如果我通过fancyBox 打开something.php 页面的背景是白色的。你有什么想法吗?我认为通过 fancyBox 打开的所有页面都有隐含的白色背景。如何将页面的背景更改为不同的颜色。

谢谢你。

4

2 回答 2

0

这完全取决于您打开something.php的方式,它与覆盖颜色无关。

如果你打开something.php使用type: "iframe"然后something.php将表现为任何具有自己的布局和css 样式的普通网页。在这种情况下,something.php背景应该是黑色的。

另一方面,如果您通过某些方式打开something.phpajax(很可能是您正在做的事情,因为我没有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默认情况下)

如果这是您打算打开页面的方式,那么您有两种选择:

  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 回答