Rstudio 0.98.1028 добавить фоновое изображение только к заголовку слайда

Question

Я пытаюсь создать презентацию R (.Rpres), используя RStudio 0.98.1028, с другим фоновым изображением на титульном слайде и другим фоновым изображением на остальных слайдах. Я могу разместить пользовательский фон (foo.png), создав файл CSS с этим в нем:

    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 в титульном слайде, Другие записи ( добавление изображения к титульному слайду с помощью 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> теги в самом верху вашего файла.Rpres перед слайдом вступления или в вашем отдельном файле css.

<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 */ }