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

Question

我想从 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");
}

Answer 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');