css - Rstudio 0.98.1028 仅将背景图像添加到标题幻灯片

Question

我正在尝试使用 RStudio 0.98.1028 创建一个 R 演示文稿 (.Rpres)，在标题幻灯片上使用不同的背景图像，在其余幻灯片上使用另一个背景图像。我可以通过在其中创建一个 css 文件来放置自定义背景 (foo.png):

    body {
      background-image: url(foo.png);
      background-position: center center;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }

我能够关闭标题幻灯片上的默认配色方案并将颜色设为黑色:

.section .reveal .state-background {
    background: transparent;}

.section .reveal h1,
.section .reveal p {
    color: black;



}

要将 foo1.png 放入标题幻灯片，其他帖子 ( Adding an image to title slide using slidify ) 我看到建议将其添加到 css 中:

.title-slide {
     background-image: url(foo1.png);
   }

不插入 foo1.png。但是，foo.png 保留在所有幻灯片上(包括标题幻灯片)。如何在我的标题幻灯片上获取 foo1.png？

Answer 1

您已完成 99%。只需再进行一两次调整，您就会拥有它。您可以考虑添加以下内容以确保您的幻灯片使用单独的 css 文件，并在您的标题幻灯片中添加类似以下内容。

Intro
======
author: Clever Name
css: css-file.css

然后您可以通过在 <style> </style> 之间包含以下内容来覆盖标题幻灯片的背景。在介绍幻灯片之前或在单独的 css 文件中的 .Rpres 文件的最顶部标记。

<style>
/* Your other css */

.section .reveal .state-background {
    background: url(foo1.png);
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
</style>

你真的很接近。只需更改您的 title-slide { /* do stuff */ }至 .section .reveal .state-background { /* do stuff */ }