我想在reveal.js演示文稿中的一张幻灯片的右侧有一个背景图片。
我将图像添加到幻灯片中，如下所示：
<section data-background="myImage.jpg">
// content
</section>
如何添加CSS样式以使其显示在屏幕的右边缘？
我想在reveal.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：
html.img-right div.slide-background.present {
background-position: right;
}
本文帮助找到了解决方案。您可以使用样式为当前部分的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;
}