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

How to enable links outside of Slides in reveal.js

本文关键字：幻灯片 外部 链接 启用 reveal js      更新时间：2023-09-26

我有一个大型的reveal.js演示文稿，我想添加一些章节控制功能。当然，这种类型的控件需要存在于幻灯片本身之外，并且出现在普通箭头控件的对面。

添加这个特性时，我创建了一个DIV，里面有一个。它被放置在<div class="reveal">标记内的第一个元素。

为了演示的目的:

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

通过CSS，我已经让它显示在我想要的位置。一切都好。

然而，似乎揭示做了一些事情来禁用这个链接。它根本不能点击，尽管在运行时对DOM的检查似乎表明标签是完整的。

通过什么方式显示禁用这个链接，我应该做些什么来避免这个问题?

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

我通过在.state-backgrounddiv上强制z-index来解决这个问题，使其呈现在我的控件集下面。

相关文章：