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

Question

我想从assets / img文件夹中调用图像，因为我想以ZIP方式共享套牌，因此他们不会像我对文件那样使用相同的路径。

我修改了＆＃34; slidify.css＆＃34;像往常一样，文件，但有一个资产/ 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');