如何在reveal.js中放置背景图片？

我希望在 Reveal.js 演示文稿中的一张幻灯片的右侧有一个背景图像。

我将图像添加到幻灯片中，如下所示：

 <section data-background="myImage.jpg">
  // content
 </section>

如何添加 css 样式以使其显示在屏幕的右边缘？

这篇文章帮助找到了解决方案 https://www.raymondcamden.com/2012/07/23/Adding-a-background-image-to-a-revealjs-presentation/。您可以使用以下命令将样式添加到当前部分的 html 元素

data-state="something"

当然，您可以使用该样式来调整您的 CSS。所以我使用了这个html：

<section data-background="myImage.jpg" data-state="img-right">
    // content
</section>

以及以下 CSS：

html.img-right div.slide-background.present {
    background-position: right;
}