html - CSS 不会在服务器上加载图像

Question

我有 html/css 图像 slider 。我的图像是从 css 加载的，所有在本地主机上都有效，但在服务器上图像未加载...

background-image: url("assets/images/slider/slider1.jpg");

css 上的所有其他图像都已成功加载，只有这个不能....像这个:

background-image: url("assets/images/card2.jpg");

Answer 1

有些服务器要求图片 url 区分大小写才能加载该图片。确保所有文件夹和图像文件的名称都是小写的(按照您的要求)。还要检查 card2 文件扩展名是 .jpg 还是 .jpeg

您可以尝试的另一件事是在 url 的开头添加一个“/”，例如

变化:background-image: url("assets/images/card2.jpg");

到:背景图片:url("/assets/images/card2.jpg");

希望对您有所帮助。