html - css 背景图像在 Rmd slidify 中不起作用

Question

全部，

我不明白为什么图像没有显示在我的文档的背景中，在内部生成RStudio（通过knitr按钮，生成一个slidyhtml 文档）。

这是我的可重现示例：

测试.Rmd

---
title: "test"
output: 
  slidy_presentation:
    css: testcustom.css
    font_adjustment: -3
---

## Introduction {#intro}

### Hello World! 

This works: background-color: #6495ed;  
This does not work: background-image: url(pic/Presentation.jpg);

测试自定义.css

#intro {
    background-image: url(pic/Presentation.png);
    background-color: #6495ed;
}

图片如下：http://displaynote.com/wp-content/uploads/2015/02/Presentation.jpg，位于 pic/Presentation.jpg

我该如何解决这个问题？它既不工作IE也不工作Chrome。

非常感谢您的帮助！

Answer 1

我认为它确实有效，但是您的图像太大以至于不在屏幕上！尝试使用此内容testcustom.css来缩放 JPG 文件以使其适合屏幕：

#intro {
    background-image: url(pic/Presentation.jpg);
    background-color: #6495ed;
    background-size: 100% 100%;
}