RMarkdown IO幻灯片演示不再支持css文件中的背景图片

前端之家收集整理的这篇文章主要介绍了RMarkdown IO幻灯片演示不再支持css文件中的背景图片前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
创建带有图像背景的幻灯片代码

最近几个星期前,我能够成功地在RStudio中创建一个RMarkdown文件时执行以下操作。

Rmarkdown文件(顶部YAML部分):

output:
  ioslides_presentation:
    css: ../css/slide_style.css
    logo: ../css/logos/approved.logos.016.jpg
    self_contained: yes

这将然后源css文件slide_style.css,其中包含以下内容

/* Below is the code to drop in a nice image for the background OUTSIDE of the slides. */
/* line 58,../scss/default.scss */
/* line 236 of ../theme/../default.css */

body {
    background-image: url('../css/backgrounds/outside_slides.png');
}


/* Below is the code to drop in a nice image for the slide backgrounds,or "backdrop". */
/* line 170,../scss/default.scss */
/* line 320 of ../theme/../default.css */

slides > slide.backdrop {
    background-image: url('../css/backgrounds/inside_slide.png');
}

这过去是工作,其中inside_slide.png文件将作为背景图像(重复)嵌入在幻灯片本身,而exterior_slides.png文件将类似地嵌入,但围绕中央幻灯片的外边缘。

嵌入图片已失效 – 我尝试过…

css文件的其余部分工作正常。我有很好的效果,IMHO,改变标题在哪里,允许水平的标题,改变表格外观等。所有这仍然工作正常。图像本身没有被嵌入。显式地,outside_slides.png和inside_slides.png图像不再在生成的.html文件中呈现。

正在检查文件路径…

所以,你可能会猜到文件本身就是问题。我检查了文件路径,一切都很好。事实上,我故意搞砸了,以确保它会失败。它失败了,当路径错了。

打开文件自己…

也许文件没有我认为他们有什么?不,我可以检查的文件与预览或任何,他们看起来不错。我也指向其他图像文件,那些不能被视为背景,。我试过.png,.jpg和.gif。没有运气。

确保css文件可以执行其他操作…

也许有东西是重写这个body标签?我尝试了一些简单的背景颜色:橙色,和工作正常。我改变了不透明度,这工作。我也试图添加!重要的css表。这没有帮助。 (意思是,它工作的背景颜色,但不适用于背景图像。)

它就好像东西是over-riding这样背景图像根本不工作。

我一直在使用RStudio进行大部分测试。在RStudio生成的演示文稿以及通过Web浏览器打开的生成的.html文件都不会显示图像。

有没有人有什么想法发生了什么?

编辑

这里是我的会议信息:

> sessionInfo()
R version 3.1.3 (2015-03-09)
Platform: x86_64-apple-darwin13.4.0 (64-bit)
Running under: OS X 10.10.4 (Yosemite)

locale:
[1] en_US.UTF-8/en_US.UTF-8/en_US.UTF-8/C/en_US.UTF-8/en_US.UTF-8

attached base packages:
[1] stats     graphics  grDevices utils     datasets  methods   base     

loaded via a namespace (and not attached):
[1] digest_0.6.8     htmltools_0.2.6  rmarkdown_0.7.3  rsconnect_0.3.79 tools_3.1.3      yaml_2.1.13

解决方法

由于你没有提供任何代码,我可以给你一个提示我如何调试它:启动开发工具,在大多数浏览器,它将是F12。现在

>单击放大镜图标以选择应该设置背景图像的元素
>打开“样式”选项卡,检查是否覆盖了您的背景图像(将显示为已删除的文本)

也许你可以通过这种方式证明/反驳你的“重写”假设。

祝你好运!

原文链接:https://www.f2er.com/css/220198.html

猜你在找的CSS相关文章