在fancybox之外添加自定义html

【问题标题】：Add custom html in outside the fancybox在fancybox之外添加自定义html
【发布时间】：2018-02-02 05:40:25
【问题描述】：

 $.fancybox({
        content: '<button>prev</button><button>next</button>',
        href: src,
        'autoScale': false,
        'transitoinIn': 'none',
        'transitionOut': 'none',
       .......
});

我只是在fancybox 中打开图像。我想在 fancybox 中添加一些 html 按钮，但问题是它覆盖了图像。但我不想覆盖图像，所以我想在图像之外添加按钮。

有什么帮助吗？

【问题讨论】：

this 是您要找的吗？

标签： javascript jquery html css fancybox-2

【解决方案1】：

你试试 z-index 怎么样？

<style>
.btn1 {z-index: 5;}

</style>
<html>
...
<html>
<script>

$.fancybox({
                content: '<button class="btn1">prev</button><button class="btn1">next</button>',
                href: src,
                'autoScale': false,
                'transitoinIn': 'none',
                'transitionOut': 'none',
               .......
        });

或者您可以尝试将按钮放在 html 中并将其定位到绝对位置。

【讨论】：