首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >背景-上传到服务器时不显示图像

背景-上传到服务器时不显示图像
EN

Stack Overflow用户
提问于 2013-10-08 03:37:26
回答 2查看 2.7K关注 0票数 0

有一个问题的svg文件没有显示在我的后台后,它被上传到我正在使用的服务器。确保文件权限允许它在服务器上是可读的,当我在计算机上打开我的html文件时,你可以看到它,但如果你打开url,它就不会显示。我们唯一使用的浏览器是chrome。有什么想法吗?看起来很奇怪,因为我在上传之前没有做任何改变。这是我的CSS:

代码语言:javascript
运行
复制
.paradox{
    background-image:url('paradox.svg');
    background-repeat:no-repeat;
    background-size: cover;
    }

和使用CSS的我的html:

代码语言:javascript
运行
复制
<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>
EN

回答 2

Stack Overflow用户

发布于 2013-10-08 03:52:31

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

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

代码语言:javascript
运行
复制
AddType image/svg+xml svg

(假设服务器支持.htaccess文件)。

票数 4
EN

Stack Overflow用户

发布于 2013-10-08 03:40:36

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19233133

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档