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

Question

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

设置的

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

来源的<slides>部分＆＃39; HTML。我不太了解JS / CSS以深入研究reveal.js源代码，但似乎不应该太难做到这一点。

我已尝试将完整的幻灯片清晰图像作为幻灯片中的内容，然后将内容置于其上，但它看起来很笨重（额外的内容并非真正满足），而且它也没有＆＃39 ; t将归因与它真正属于的元素相关联（背景数据图像）。

以前有人想过这个吗？

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属性不同。