Question

我想为reveal.js中的每张幻灯片添加一些导航链接。使用this answer中给出的解决方案，我可以轻松添加文本页脚。但是，如果页脚div包含超链接（请参阅下面的代码），单击链接时没有任何反应。有人可以解释为什么会这样，我需要如何修改代码以使链接有效？

谢谢。

无效的代码

    <div class="footer">
        <a href="http://www.google.com" id="noteslink">TOC</a>
    </div>

Answer 1

我想我想出来了。似乎元素在RevealJS中分层，并且链接不在顶层。也就是说，一些不可见的元素覆盖了它，因此链接不可点击，并且不起作用。我将z-index属性的z-index属性添加到页脚类，现在链接工作正常。

Answer 2

它可能会阻止非HTTP请求。尝试

a href =“https://www.google.com”id =“noteslink”＆gt; TOC