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

时间:2013-04-30 18:00:36

标签: javascript html reveal.js

我有一个很大的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以什么方式禁用此链接,我应该怎样做才能避免这个问题?

1 个答案:

答案 0 :(得分:2)

原因是.state-background DIV看起来与position:absolute;

一起覆盖整个窗口

我已通过在z-index div上强制执行.state-background来解决此问题,以使其在我的控件集下方呈现。