SVG作为CSS背景
[英]SVG as a CSS background
问题描述
我一直试图让一个简单的SVG矩形在IE9或FF4中作为背景工作，但它们都不适用于我。 这是我的代码：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div style="height:99px;background-image: url('bar.svg')"></div>
<iframe src="bar.svg" height="99px"></iframe>
</body>
</html>
iframe显示图形，但div不显示。 我可能会出错的任何想法？
我在这里找到了一个有效的例子：但我不能让它自己工作:(这让我发疯了。
谢谢你的帮助。
4 个解决方案
解决方案1
8 已采纳 2011-03-23 20:15:22
谢谢大家的帮助。 它实际上是一个Web服务器问题，其中提供了错误的SVG MIME类型，并且导致浏览器无法正确呈现。
这是为我修复它的原因。
第一，我从VS 2010的内置Web服务器切换到IIS Express。 然后在我的网络配置中我添加了：
<system.webServer>
<staticContent>
<mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
</staticContent>
</system.webServer>
现在一切正常。
解决方案2
3 2012-06-04 06:55:59
我在Joomla遇到了同样的问题！ 2.5在Godaddy Linux服务器上运行。
经过深入研究，我是如何解决这个问题的：
转到Joomla安装的根目录并找到.htaccess文件（如果尚未设置，则找到htaccess.txt ）
现在将这些行添加到文件中：
AddType image/svg+xml svg
AddType image/svg+xml svgz
休息，使用标准的CSS和HTML属性来呈现SVG文件。
解决方案3
1 2011-03-23 18:37:56
解决方案4
0 2011-03-23 18:53:22
CSS 网格与 SVG 背景
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.