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

前端之家收集整理的这篇文章主要介绍了css – Rstudio 0.98.1028仅将背景图像添加到标题幻灯片中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用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?

解决方法

你99%的路在那里.只需要一两个调整就可以了.您可以考虑添加以下内容以确保幻灯片使用单独的css文件,并在标题幻灯片添加以下内容.
Intro
======
author: Clever Name
css: css-file.css

然后,您可以通过在< 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>

你真的很亲密只需将标题幻灯片{/ * do stuff * /}更改为.section .reveal .state-background {/ * do stuff * /}

猜你在找的CSS相关文章