浏览器在上传到服务器时找不到背景图像？

Question

当我运行以下 jQuery 代码时，它工作正常，只是找不到图像。在 chrome 上的开发人员工具中，我收到 404 错误。

jQuery:

$('.pg-nav a, .pg-nav-img').hover(
  function() {
    $('.pg-nav a').css('color', '#0087CD');
    $('.pg-nav-img').css('background-image', 'url(../images/page-nav-icon-blue.svg)')
  }, function() {
    $('.pg-nav a').css('color', '');
    $('.pg-nav-img').css('background-image', '')
  });

查看来自 this thread 的答案，我意识到 MIME 类型显示为 text/html 而不是 image/svg+xml。我该如何解决这个问题？

注意：它在我的电脑上工作得很好运行，但是一旦在服务器上，我运行就遇到了这个问题。

Answer 1

对于 SVG，您似乎必须通过 .htaccess 设置 mime 类型。此站点有更多详细信息 SVG MIME TYPE

浏览器在上传到服务器时找不到背景图像？

browser cant find background-image when uploaded to server?

javascript

jquery

css

svg

mime-types