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

browser cant find background-image when uploaded to server?

本文关键字：浏览器 找不到 背景 图像 服务器      更新时间：2023-09-26

当我运行以下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', '')
  });

从这个线程看答案，我意识到MIME类型出现为text/html而不是image/svg+xml。我该如何解决这个问题?

注意:它在我的pc上运行得很好，但是一旦在服务器上我就会遇到这个问题。

看起来像使用SVG，您必须通过.htaccess设置mime类型。这个站点有更多详细的SVG MIME TYPE

相关文章：