Подтвердить что ты не робот

Презентация слайдов RMarkdown IO больше не поддерживает фоновые изображения в файле css

Создание слайдов с фоном изображения - код

Еще несколько недель назад я смог успешно выполнить следующие действия в RStudio при создании файла RMarkdown.

Rmarkdown File (верхняя часть 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 был встроен в фоновое изображение (повторяется) внутри самих слайдов, а файл outside_slides.png был бы аналогичным образом встроен, но вокруг внешних краев центрального слайда.

Вложение изображений больше не работает - я пробовал...

Остальная часть файла css работает отлично. У меня есть хорошие эффекты, IMHO, которые меняются там, где находятся заголовки, позволяют уровни титрования, изменения, как выглядят таблицы, и т.д. Все, что все еще работает нормально. Сами изображения не внедряются. Явно, outside_slides.png и inside_slides.png изображения больше не отображаются в сгенерированном файле .html.

Проверка путей к файлам...

Итак, вы можете догадаться, что сами файлы являются проблемой. Я проверил путь к файлу, все хорошо. Фактически, я намеренно испортил это, чтобы убедиться, что это потерпит неудачу. Это не удалось, когда путь был неправильным.

Открытие самих файлов...

Возможно, у файлов нет того, что у меня есть? Нет, я могу проверить файлы с помощью Preview или что-то еще, они выглядят отлично. Я также указал на другие файлы изображений, которые также нельзя рассматривать как фон. Я пробовал с .png, .jpg и .gif. Не повезло.

Обеспечение того, чтобы файл css мог выполнять другие действия...

Может, что-то переписывает этот тег тела? Я пробовал что-то простое, как background-color: orange;, и это прекрасно работает. Я изменил непрозрачность, и это сработало. Я также попытался добавить !important в лист css. Это не помогло. (Смысл, он работал для фонового цвета, но не для фонового изображения.)

Как будто что-то перевернулось, так что background-image просто не будет работать.

Я использую RStudio для большей части тестирования. Ни презентация, созданная в RStudio, ни сгенерированная .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     
4b9b3361

Ответ 1

Так как вы не указали какой-либо код, я могу дать вам подсказку о том, как отлаживать его. Поднимите инструменты разработчика, в большинстве браузеров это будет F12. Теперь

  • Нажмите на значок лупы, чтобы выбрать элемент, который должен иметь background-image установить
  • Откройте вкладку "Стили", чтобы проверить, что что-то переписало ваш background-image (будет отображаться как текст striked out)

введите описание изображения здесь

Возможно, вы можете доказать/опровергнуть свою "переопределяющую" гипотезу таким образом.

Удачи!