blocks|key|4439318|text|您的IIS很可能未配置SVG作为内容类型，请尝试添加|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4439319|<staticContent>
++++<mimeMap+fileExtension=".svg"+mimeType="image/svg%2Bxml"+/>
</staticContent>|code-block|syntax|javascript|4439320|在web.config的<system.webServer>作用域内。|offset|length|style|CODE|4439321|当然，只有当您的应用程序是为svg提供服务的应用程序时，这才有效。如果svg不包含在应用程序中，而是位于web服务器的单独目录中，则需要将相同的映射添加到web服务器中，而不是添加到"mime-types“选项卡中。|4439322|entityMap^0|0|0|C|I|0|E|3|Z|3|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|V|8|@$I|W|J|X|K|L]|$I|Y|J|Z|K|L]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|P|$]]

Your IIS is most likely not configured with SVG as a content type, try adding

<pre><code>&lt;staticContent&gt;
 &lt;mimeMap fileExtension=".svg" mimeType="image/svg+xml" /&gt;
&lt;/staticContent&gt;
</code></pre>

inside the <code>&lt;system.webServer&gt;</code> scope of your web.config.

This will of course only work if your application is the one serving up the <code>svg</code>. If the <code>svg</code> is not contained inside your application but in a separate directory of the web server, you'll need to add the same mapping to your web server instead inside the "mime-types" tab.

blocks|key|4349951|text|在我的例子中，我在<system.webServer>作用域下的applicationHost.config文件(通常位于C:\Windows\System32\inetsrv\config)中包含了我想要的所有mime类型，就像前面提到的Joachim+Isaksson。这允许我的所有IIS站点继承相同的mime类型，并在出现问题时为您提供一个位置来更改它们。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4349952|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/users/477878/joachim-isaksson^0|9|I|3C|G|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

In my case, I included all of the mime-types I wanted in the applicationHost.config file (which is usually located at C:\Windows\System32\inetsrv\config) under the <code>&lt;system.webServer&gt;</code> scope, like <a href="https://stackoverflow.com/users/477878/joachim-isaksson">Joachim Isaksson</a> mentioned. This allows all of my IIS sites to inherit the same mime-types, and gives you one location to change them if something goes wrong.

blocks|key|2411849|text|尝试此操作-您的应用程序/网站位于IIS管理器的默认设置下|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2411850|​|2411851|📷|atomic|offset|length|2411852|2411853|然后"Add“->+{+.svg+:+image/svg%2Bxml+}|style|CODE|2411854|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/66e3023bda3f6e908e234c45d6a6cafe.png|imageAlt^0|0|0|0|1|0|0|0|A|O|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@$G|Z|H|10|1|11]]|A|$]]|$1|I|3|C|5|6|7|12|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|13|8|@$G|14|H|15|L|M]]|9|@]|A|$]]|$1|N|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|O|$P|$5|Q|R|S|A|$T|U|V|-4]]]]

Try This - Your App/Website under Default Settings of IIS Manager

<img src="https://i.stack.imgur.com/zl3ln.png" alt=" Default Site Under IIS Manager ">

Then "Add" -> <code>{ .svg : image/svg+xml }</code>

blocks|key|2714468|text|来自web.config|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2714469|<system.webServer>
++++<staticContent>
++++++++<remove+fileExtension=".svg"+/>
++++++++<mimeMap+fileExtension=".svg"+mimeType="image/svg%2Bxml"+/>
++++</staticContent>
</system.webServer>|code-block|syntax|javascript|2714470|或者在IIS中，转到MIME类型并添加文件名extension:.svg+MIME类型:+image/svg%2Bxml|2714471|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

from web.config

<pre><code>&lt;system.webServer&gt;
 &lt;staticContent&gt;
 &lt;remove fileExtension=".svg" /&gt;
 &lt;mimeMap fileExtension=".svg" mimeType="image/svg+xml" /&gt;
 &lt;/staticContent&gt;
&lt;/system.webServer&gt;
</code></pre>

or in IIS
go to MIME Types and add file name extension:.svg
MIME Type: image/svg+xml

blocks|key|2412708|text|以防万一，如果任何人想要使用IIS管理器进行相同的操作，请在“连接”树(通常是您所在的计算机的名称)上选择“top+node”，然后在右侧的“IIS”部分中找到“MIME类型”-双击相同的节点。您应该会看到“Entry+Type”为“Local”的所有文件类型的列表。添加上面帖子提到的'.svg‘类型(它修改了’Markaius‘提到的相同文件)。这使得能够为机器上的任何应用程序‘继承’相同的MIME类型。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2412709|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Just in case, if anyone want to use IIS Manager for the same, select 'top node' on 'Connections' tree (typically the name of the machine you're on), and on right side, locate 'MIME Types' in 'IIS' section - double click the same. You should see list of all file types with 'Entry Type' as 'Local'. Add '.svg' type as mentioned by posts above (which amends same file as mentioned by 'Markaius'). This enables to 'inherit' same MIME type for any application on the machine.

I'm trying to set a ".svg" image as background-image using css, but it is not working. The url is valid and returns 200 status code and works on ".png" images.

What is the problem?

svg is not working on IIS webserver on localhost

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我试图设置一个".svg“图像作为背景图像使用css，但它不起作用。url是有效的，它返回200个状态码，并且适用于".png“图像。有什么问题吗？

问svg在本地主机上的IIS svg服务器上不起作用
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问svg在本地主机上的IIS svg服务器上不起作用EN