CSS фоновое изображение не работает в RMD slidify

Question

Все,

Я не могу понять, почему изображение не отображается на фоне моего документа, генерируется в RStudio (с помощью кнопки knitr, чтобы сгенерировать slidy HTML документ в).

вот мой воспроизводимый пример:

test.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); 

testcustom.css

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

изображение является следующее: http://displaynote.com/wp-content/uploads/2015/02/Presentation.jpg, расположенный в ПОС /Presentation.jpg

Как исправить эту проблему? Он не работает в IE и не в Chrome.

Большое спасибо за вашу помощь!

Answer 1

Я думаю, что это действительно работает, но ваше изображение настолько велико, что оно за кадром! Попробуйте это содержание для testcustom.css масштабировать файл JPG, так что подходит экран:

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