slidy - La presentación de diapositivas de IO de RMarkdown ya no admite imágenes de fondo en el archivo css

tags$img shiny

Question

Creación de diapositivas con fondos de imagen - el código

Hace tan solo unas semanas, pude realizar con éxito lo siguiente dentro de RStudio al crear un archivo RMarkdown.

Archivo Rmarkdown (la parte superior de YAML):

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

Esto generaría el archivo css slide_style.css , que contenía, entre otras cosas, lo siguiente:

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

Esto solía funcionar, donde el archivo inside_slide.png se incrustaría como una imagen de fondo (repetida) dentro de las diapositivas, y el archivo outside_slides.png se incrustaría de manera similar, pero alrededor de los bordes exteriores de la diapositiva central.

Incrustar imágenes ya no funciona - lo he intentado ...

El resto del archivo css funciona bien. Tengo efectos agradables, IMHO, que cambian la ubicación de los títulos, permiten niveles de titulación, cambian la apariencia de las tablas, etc. Todo eso aún funciona bien. Las imágenes en sí mismas no están siendo incrustadas. De manera explícita, las imágenes outside_slides.png y inside_slides.png ya no se representan en el archivo .html generado.

Comprobando rutas de archivos ...

Entonces, puedes adivinar que los archivos en sí son el problema. He comprobado la ruta del archivo, todo es bueno. De hecho, lo arruiné a propósito, para asegurarme de que fallaría. Falló, cuando el camino estaba equivocado.

Abriendo los archivos ellos mismos ...

Tal vez los archivos no tienen lo que creo que tienen? No, puedo inspeccionar los archivos con Vista previa o lo que sea, se ven bien. También señalé otros archivos de imágenes, que tampoco se pueden ver como fondo. Lo intenté con .png , .jpg y .gif . Sin suerte.

Asegurando que el archivo css puede hacer otras acciones ...

¿Tal vez algo está sobrescribiendo esta etiqueta de cuerpo? Intenté algo simple como background-color: orange; , y eso funciona bien. Cambié la opacidad, y eso funcionó. También traté de añadir !important para la hoja de css. Eso no ayudó. (Es decir, funcionó para el color de fondo, pero no para la imagen de fondo).

Es como si algo estuviera sobrepasando de tal manera que background-image simplemente no funcionará.

He estado usando RStudio durante gran parte de las pruebas. Ni la presentación generada dentro de RStudio, ni el .html generado, abierto a través de un navegador web, muestran la imagen.

¿Alguien tiene alguna idea de lo que está pasando?

Editar

Aquí está la información de mi sesión:

> 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

Answer 1

Como no proporcionó ningún código, le puedo dar una pista de cómo lo depuraría: Abra las Herramientas del desarrollador, en la mayoría de los navegadores será F12 . Ahora

1. Haga clic en el icono de la lupa para seleccionar el elemento que debe tener el conjunto de background-image
2. Abra la pestaña "Estilos" para verificar si algo sobrescribió su background-image (se mostrará como texto tachado )

Tal vez usted puede probar / refutar su hipótesis de "anulación" de esta manera.

¡Buena suerte!