我想从 assets/img 文件夹中调用图像,因为我想在 ZIP 中共享甲板,因此它们不会与我的文件具有相同的路径。
我像往常一样修改了"slidify.css"文件,但带有指向 assets/img 文件夹的路径。
这是 CSS 所在的路径:
D:presentacionespruebalibrariesframeworksio2012css
图像的路径:
D:presentacionespruebaassetsimg
索引路径:
D:presentacionesprueba
这些是我的尝试:
1.-
.title-slide {
background-color: white;
background-image:url("assets/img/star-bg.png");
}
阿拉伯数字。-
.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");
}
由于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');