Css 如何在leaver.js中定位背景图像？

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

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

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

//内容

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

。可以使用将样式添加到当前节的html元素中

data-state="something"

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

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

基于“新”解决方案，在css文件中可以包含类似的内容，修改大小和位置值将使其适应幻灯片上的正确大小和位置

body {
  background-image: url(image1.png),url(image2.png), url(image3.png), url(image4.png);
  background-size: 15%, 15%, 15%, 15%;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: 95% 96%, 95% 3%, 3% 3%, 3% 95%;
}

---

这篇文章似乎描述了一种不同的方法。如果你想试一试，并根据它写一个答案，我会考虑的。我自己现在没有时间，你会怎么做？

数据背景位置

是一个选项的详细信息。例如，

数据背景位置：top

body {
  background-image: url(image1.png),url(image2.png), url(image3.png), url(image4.png);
  background-size: 15%, 15%, 15%, 15%;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: 95% 96%, 95% 3%, 3% 3%, 3% 95%;
}