Question

我正在尝试在图库顶部添加按钮帮助器，这与我的相互冲突不透明的背景。这是我的剧本：

<script type="text/javascript">
    $(document).ready(function() {
$(".fancybox").fancybox({
            padding: 0, // remove the white boarder around content
            openEffect  : 'fade',
            closeEffect : 'fade',

            prevEffect : 'fade',
            nextEffect : 'fade',
                    helpers: {
        overlay: {
            css: {
                'background': 'rgba(255, 255, 255, 0.99)' // background opaque
            }
        }
    }
  });
});

我想补充一下：

$(document).ready(function() {
$(".fancybox-button").fancybox({
    prevEffect      : 'none',
    nextEffect      : 'none',
    closeBtn        : false,
    helpers     : {
        title   : { type : 'inside' },
        buttons : {}
    }
});
});

这是按钮助手的小提琴：http://jsfiddle.net/h66Hp/ 非常感谢帮助。

Answer 1

您没有为找到的帮助程序here添加css文件，并且包含帮助程序和叠加层（不透明的白色），并且标题之外的标题是代码：

    helpers: {
        buttons: {},
        overlay: {
            css: {
                'background': 'rgba(255, 255, 255, 0.5)' // background opaque
            }
        }
    }

修改

Fiddle显示以下更新

Fancybox V2按钮助手冲突

1 个答案:

修改