如何在reveal.js中为标题页插入背景图像

Question

在标题页中插入背景图像时遇到一些麻烦。我曾经使用io_slides创建rmarkdown演示文稿。在io_slides中，我只需要在CSS文件中使用以下代码即可为标题页和后续页面插入背景图像。

slide.title-slide{ background-image:('Title.jpg');}

标题页和

slide { background-position:center;
background-repeat: no-repeat; 
background-size: 100% 100%; 
background-image: url('Slide.jpg');}

用于后续页面。

如何在reveal.js中执行此操作？

Answer 1

Official documentation

默认情况下，幻灯片只包含在屏幕的有限区域内，以使其适合任何显示并统一缩放。您可以通过向元素添加data-background属性来在幻灯片区域之外应用整页背景。支持四种不同类型的背景：颜色，图像，视频和iframe。