R 演示 reveal.js : background image not shown after copying file

Question

我使用 rmarkdown 和 reveal.js-framework 编写了一个 R-presentation，它在很大程度上完美地工作，但是，如果我将输出文件(html 文件)复制到另一个位置，所有背景图像都是走了。 (如果我在同一文件夹中创建 html 文件的副本，它仍然有效)。使用 <img> 包含的图片-标签仍然显示。

MWE 看起来像这样:

presentation.rmd:

---
title: "A Test"
author: "tester"
date: "Today"
output:
  revealjs::revealjs_presentation:
    transition: slide
    theme: night
    highlight: espresso
    center: true
    self_contained: true
    reveal_options:
      slideNumber: true
      previewLinks: true
---

# <font color="black">Outline</font> {data-background="kitten.jpg"}

kitten.jpg -file 显然可以是任何图片。如果我打开 presentation.html (使用 firefox)一切正常，如果我复制 presentation.html到桌面再打开，所有背景图片都没有了。

关于导致错误的原因以及如何解决它的任何想法？

我的系统是:

sessionInfo()

R version 3.2.3 (2015-12-10)
Platform: x86_64-pc-linux-gnu (64-bit)
Running under: Ubuntu 16.04.1 LTS

locale:
 [1] LC_CTYPE=en_US.UTF-8       LC_NUMERIC=C               LC_TIME=de_DE.UTF-8        LC_COLLATE=en_US.UTF-8    
 [5] LC_MONETARY=de_DE.UTF-8    LC_MESSAGES=en_US.UTF-8    LC_PAPER=de_DE.UTF-8       LC_NAME=C                 
 [9] LC_ADDRESS=C               LC_TELEPHONE=C             LC_MEASUREMENT=de_DE.UTF-8 LC_IDENTIFICATION=C       

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

other attached packages:
[1] rmarkdown_1.0 revealjs_0.7 

loaded via a namespace (and not attached):
[1] magrittr_1.5    htmltools_0.3.5 tools_3.2.3     Rcpp_0.12.7     stringi_1.1.1   stringr_1.1.0  
[7] digest_0.6.10   evaluate_0.9   

Answer 1

解决方法似乎是改用 {.slide: id="Sec1"}，然后在您的自定义 CSS 文件中添加背景

#Sec1 {
  background-image: url(kitten.jpg);
}