如何在reveal.js中启用幻灯片之外的链接

Question

我有一个大型的reveal.js 演示文稿，我也想添加一些章节控制功能。自然，这种控件需要存在于幻灯片本身之外，并且与正常的箭头控件相反。

添加此功能时，我创建了一个带有内部的 DIV。它作为<div class="reveal"> 标签内的第一个元素放置。

出于演示目的：

<aside id="linkage"><a href="http://www.google.com" id="expander" class="enabled">Expand</a></aside>

通过 CSS，我可以将它准确地显示在我想要的位置。一切都很好。

但是，Reveal 似乎做了一些事情来禁用此链接。它根本不可点击，尽管在运行时检查 DOM 似乎表明该标签完好无损。

Reveal 是通过什么方式禁用这个链接的，我应该怎么做才能规避这个问题？

Answer 1

造成这种情况的原因是.state-background DIV 与 position:absolute; 一起似乎覆盖了整个窗口；

我已通过在 .state-background div 上强制使用 z-index 使其呈现在我的一组控件下方来解决此问题。