如何在reveal.js中定位背景图片？

Question

我想在reveal.js演示文稿中的一张幻灯片的右侧有一个背景图片.

我将图像添加到幻灯片中,如下所示:

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

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

Answer 1

本文帮助找到了解决方案.您可以使用添加样式到当前部分的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;
}