如何在reveal.js中的背景图像上添加归因文本？

Question

我正在使用recover.js http://lab.hakim.se/reveal-js/进行一系列的讲座。对于幻灯片上的任何背景图片，我希望能够将属性文字放在不明显的位置（右下角）。这些是使用

<section background-data="url(...)">

在<slides>“源” HTML 的一部分中。我不了解足够的JS / CSS来深入探究Reveal.js的源代码，但是这样做似乎并不难。

我尝试将完整的幻灯片清晰图像作为幻灯片中的内容放置，然后在其上放置内容，但是它看起来很笨拙（多余的内容并不是真正的内容），并且也没有将归因与元素相关联真正属于（背景数据图像）。

有人以前想过吗？

Answer 1

只需添加

.attribution{
    position:absolute;
    bottom:0;
    right:0;
    font-size:0.5em
}

给你的CSS

<span class="attribution">Attribution Text</span>

在你的内心<section>。

另外，根据docs，应该

data-background="http://example.com/background.png"

并不是

background-data="url('http://example.com/background.png')"

与CSS background属性不同，JS会检测它是否为URL 。