上传到服务器时背景图像不显示答案

【问题标题】：background-image not showing when uploaded to server上传到服务器时背景图像不显示
【发布时间】：2013-10-07 19:37:25
【问题描述】：

在将 svg 文件上传到我正在使用的服务器后，该文件未在我的后台显示。确保文件权限允许它在服务器上可读，当我在计算机上打开我的 html 文件时，您可以看到它，但如果您转到 url，它不会显示。我们正在使用的唯一浏览器是 chrome。有任何想法吗？看起来很奇怪，因为我在上传之前没有更改任何内容。这是我的 CSS：

.paradox{
    background-image:url('paradox.svg');
    background-repeat:no-repeat;
    background-size: cover;
    }

和我使用 CSS 的 html：

<html>
<head>
    <title>Homework 5</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body class="paradox">
<p class="spacing">
<iframe class="resize" src="form.html" frameborder="0" >
</p>
</body>
</html>

【问题讨论】：

您的页面是公开的吗？（可以分享一下吗）
尝试 CTRL+F5 - 如果浏览器在您上传图片之前返回 404，那么这可能会修复它。如果不行，看看能不能浏览到图片domain/path_to_image.svg
@Onimusha 我可以浏览到图像。但是 Ctrl + F5 不起作用。

标签： html css google-chrome svg

【解决方案1】：

确保以正确的 MIME 类型交付 SVG 文件。打开开发人员工具，转到“网络”选项卡并加载您的页面。打开 SVG 文件的 URL 并确保 Type 列显示为 image/svg+xml。

如果 MIME 类型不正确，则将以下行添加到 SVG 文件的祖先目录中的 .htaccess 文件中：

AddType image/svg+xml svg

（假设服务器支持.htaccess文件）。

【讨论】：

我的 Media Temple DV 服务器就是这种情况。谢谢！

【解决方案2】：

您可能有错误的文件路径。按F-12 打开调试器，打开网络面板并重新加载页面。在该文件名上查找 404 错误。

【讨论】：

返回状态码：304 Not Modified。