jquery - “Fancybox”灯箱无法生成深色背景

Question

在http://tuba-archery.com上的“画廊”下

当我从图片数组中选择图像时，我没有得到深色背景。

我没有触及任何与不透明度有关的东西！

jquery.fancybox.css 和 jquery.fancybox.js 是涉及的主要文件，在我的 Javascript/Jquery 学习的这个阶段我知道的很少。这两个文件很长，我不知道如何在滚动框中附加或添加它们。

任何人都可以阐明如何修改 javascript 或 css 文件以获得深色背景吗？

Answer 1

打开fancybox.css

找线

 .fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    /* background: url('fancybox_overlay.png');*/ change this line to
    background: url('images/fancybox_overlay.png');

}

您的图像位于图像文件夹中，而 css 位于主文件夹中。您需要url()在 fancybox.css 中编辑所有图像才能使所有其他图像正常工作

或者

添加

.fancybox-overlay {
 background: url('images/fancybox_overlay.png');
}

在 style.css 中并在 fancybox.css 之后加载 style.css。如果您升级fancybox.css，将来会采用这种方式。变化将在那里。