Question

将svg文件上传到我正在使用的服务器后，我的后台出现问题。确保文件权限允许它在服务器上可读，当我在计算机上打开我的html文件时你可以看到它，但是如果你去了它没有显示的网址。只有我们正在使用的浏览器是chrome。有任何想法吗？看起来很奇怪，因为我在上传之前没有改变任何东西。这是我的CSS：

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

和我的html使用CSS：

<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>

Answer 1

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

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

AddType image/svg+xml svg

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

Answer 2

您的文件路径可能不正确。按F-12打开调试器，打开NETWORK面板并重新加载页面。查找该文件名的404错误。

上传到服务器时未显示背景图像

2 个答案: