javascript - 如何在 reveal.js 中将属性文本放在背景图像上？

Question

我正在考虑使用 reveal.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> 里面.

---

此外，根据 the docs , 应该是

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

不是

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

JS 检测它是否是一个 url，不像 CSS background属性(property)。