我有一个很大的 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是通过什么方式禁用这个链接的,我应该怎么做才能规避这个问题?
最佳答案
原因是 .state-background
DIV 与 position:absolute 一起似乎覆盖了整个窗口;
我已通过在 .state-background
div 上强制执行 z-index
使其呈现在我的控件集下方来解决此问题。
关于javascript - 如何在 reveal.js 中启用幻灯片之外的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16306169/