Slidify：如何从 assets/img 文件夹中调用图像作为背景？答案

【问题标题】：Slidify: How to call image as background from assets/img folder?Slidify：如何从 assets/img 文件夹中调用图像作为背景？
【发布时间】：2016-02-08 22:50:36
【问题描述】：

我想从 assets/img 文件夹中调用一张图片，因为我想以 ZIP 格式共享卡片组，因此它们的路径与我的文件路径不同。

像往常一样，我修改了“slidify.css”文件，但添加了 assets/img 文件夹的路径。

这是 CSS 所在的路径：

D:\presentaciones\prueba\libraries\frameworks\io2012\css

图片路径：

D:\presentaciones\prueba\assets\img

索引路径：

D:\presentaciones\prueba

这些是我的尝试：

1.-

.title-slide {
  background-color: white;
  background-image:url("assets/img/star-bg.png");
}

2.-

.title-slide {
  background-color: white;
  background-image:url(assets\\img\\star-bg.png);
}

3.-

.title-slide {
  background-color: white;
  background-image:url("assets\\img\\star-bg.png");
}

4.-

.title-slide {
  background-color: white;
  background-image:url(".\\assets\\img\\star-bg.png");
}

5.-

.title-slide {
  background-color: white;
  background-image:url("..\\assets\\img\\star-bg.png");
}

【问题讨论】：

标签： r yaml slidify

【解决方案1】：

由于css文件在文件夹路径/libraries/frameworks/io2012/css/中，需要上4层才能看到/assets/img/，所以应该是

/* relative path */
background-image: url('../../../../assets/img/star-bg.png');

或者你应该可以使用

/* absolute path */
background-image: url('/presentaciones/prueba/assets/img/star-bg.png');

【讨论】：