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

Slidify: How to call image as background from assets/img folder?