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

标签 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是通过什么方式禁用这个链接的,我应该怎么做才能规避这个问题?

最佳答案

原因是 .state-background DIV 与 position:absolute 一起似乎覆盖了整个窗口;

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

关于javascript - 如何在 reveal.js 中启用幻灯片之外的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16306169/

相关文章:

JavaScript 赋值()

Javascript deepCopyObject 失败

javascript - 如何使 'clickable' 元素在 iOS 触摸设备上具有可选文本?

javascript - reveal.js 工作/引导示例

javascript - 多层次深度搜索 JSON 值

Javascript 切换点击关闭

html - 怪癖模式与 2011 年相关吗?

PHP post ID 下拉语句不是值

python - 是否可以在 jupyter 中重定向单元格输出

css - 如何在 reveal.js 中定位背景图片?