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

肯尼迪，我尝试了你的解决方案，但没有奏效。我最终做的是更改 fancybox2 用于覆盖的 fancybox_overlay.png。当然，我保持它的透明度。不管怎么说，多谢拉！

于 2013-01-05T20:26:38.907 回答
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 回答