如何在reveal.js中插入标题页的背景图片答案

【问题标题】：How do I insert a background image for the title page in reveal.js如何在reveal.js中插入标题页的背景图片
【发布时间】：2018-08-08 19:25:30
【问题描述】：

我在标题页中插入背景图片时遇到了一些问题。我曾经使用 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 中做到这一点？

【问题讨论】：

您是否尝试过检查标记以查看您还应该附加您的 css 选择器的内容？
@gforce301 嗨，对不起。我不知道你检查标记是什么意思。
reveal.js 在浏览器中运行，是吗？浏览器显示标记，也称为 html。 javascript 创建标记 (html)，以便浏览器显示一些内容。你看过创建的 html 吗？
嗨，是的。我认为reveal.js 根本没有读取我的css 文件。有没有不同的方法来改变背景？顺便说一句，我正在使用 R studio。

【解决方案1】：

Official documentation

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

【讨论】：