La présentation des diapositives RMarkdown IO ne supporte plus les images de fond dans le fichier css

Création de diapositives avec des images de fond - le code

Rmarkdown Fichier (en haut YAML partie):

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

ceci fournirait alors le fichier css slide_style.css, qui contenait, entre autres, ce qui suit:

/* 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');
}

cela a l'habitude de fonctionner, où le inside_slide.png le fichier serait intégré comme arrière-plan image (répétée) dans les diapositives elles-mêmes, et le outside_slides.png le fichier serait également intégré, mais autour des bords extérieurs de la glissière centrale.

Intégration d'images ne fonctionne plus - j'ai essayé...

Le reste du fichier css fonctionne très bien. J'ai de beaux effets, à mon humble avis, que le changement où les titres sont à, permet de niveaux de titres, les changements de combien de tables, etc. Tout ce qui fonctionne encore très bien. Les images elles-mêmes ne sont pas intégrés. Explicitement, outside_slides.png et inside_slides.png les images ne sont plus rendues dans le .html fichier.

vérifier les chemins des fichiers...

ainsi, vous pouvez supposer que les fichiers eux-mêmes sont le problème. J'ai vérifié le chemin du fichier, tout va bien. En fait, j'ai volontairement tout gâché, pour être sûr que ça échouerait. Elle a échoué, quand le chemin était mauvais.

ouvrir les fichiers eux-mêmes...

Peut-être que les fichiers n'ont pas ce que je pense qu'ils ont? Nope, je peux inspectez les fichiers avec L'Aperçu ou quoi que ce soit, ils semblent très bien. J'ai aussi pointé d'autres fichiers d'image, qui ne peuvent pas être considérés comme un arrière-plan, non plus. J'ai essayé avec .png,.jpg et .gif. Pas de chance.

S'assurer que le fichier css peut faire d'autres actions...

peut-être que quelque chose sur-écrit cette étiquette corporelle? J'ai essayé quelque chose de simple comme background-color: orange;, et qui fonctionne très bien. J'ai changé l'opacité, et que travaillé. J'ai aussi essayé d'ajouter !important à la feuille css. Que n'a pas aidé. (C'est-à-dire que cela a fonctionné pour l'arrière-plan-couleur, mais pas pour l'arrière-plan-image.)

c'est comme si quelque chose était si important que background-image ne fonctionnera tout simplement pas.

J'ai utilisé RStudio pour la plupart des tests. Ni la présentation générée au sein de RStudio, ni la.html, ouvert via un navigateur web, affiche l'image.

quelqu'un a une idée de ce qui se passe?

Modifier

Voici mon session d'info:

> 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     
25
demandé sur Mike Williamson 2015-08-03 01:09:43
la source

1 ответов

F12. Maintenant

  1. Cliquez sur l'icône de la loupe pour sélectionner l'élément que doit avoir l' background-image set
  2. ouvrez L'onglet" Styles " pour vérifier si quelque chose a trop écrit votre background-image (sera affiché comme barré texte)

enter image description here

peut-être Pouvez-vous prouver / réfuter votre hypothèse "prépondérante"de cette façon.

Bonne chance!

5
répondu Boern 2015-11-24 13:22:45
la source

Autres questions sur