Javascript 如何在discover.js中的背景图像上放置属性文本？

我正在考虑在一系列讲座中使用reveal.js。对于幻灯片上的任何背景图像，我希望能够将属性文本放在不显眼的地方（右下角）。这些都是使用

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

在“源”HTML的

部分。我对JS/CSS的了解还不够，无法深入研究reveal.JS的源代码，但要做到这一点似乎并不难

我曾尝试将完整的幻灯片清晰图像作为内容放在幻灯片中，然后再将内容放在上面，但它似乎很笨重（额外的内容不是真正的内容），而且它也没有将属性与它真正所属的元素（背景数据图像）相关联

以前有人发现了吗？

只需添加

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

到您的css，以及

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

而不是

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

---

JS检测它是否是一个url，这与CSS

background

属性不同。

Wow，第一次在stackoverflow上——太快了！成功了！谢谢现在只需要稍微扩展幻灯片的边距，以便bottom:0将其置于屏幕底部。但我会先为自己找出答案。@DavidO没问题！由于

reveal.css

给出了

section

position:absolute

，因此我们可以给它的子元素在其中的绝对位置。

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