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

时间:2015-03-07 15:17:25

标签: css r rstudio r-markdown

我正在尝试使用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?

1 个答案:

答案 0 :(得分:6)

你99%的路在那里。只需要进行一两次调整就可以了。您可以考虑添加以下内容以确保幻灯片使用单独的css文件,并在标题幻灯片中添加以下内容。

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

然后,您可以通过在介绍幻灯片之前的.Rpres文件顶部的<style> </style>标记之间或单独的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 */ }

即可