我一直试图让一个简单的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不显示.我可能会出错的任何想法？
我在这里找到了一个有效的例子:但我不能让它自己工作:(这让我发疯了.
谢谢你的帮助.
谢谢大家的帮助.它实际上是一个Web服务器问题,其中提供了错误的SVG MIME类型,并且导致浏览器无法正确呈现.
这是为我修复它的原因.
第一,我从VS 2010的内置Web服务器切换到IIS Express.然后在我的网络配置中我添加了:
<system.webServer>
<staticContent>
<mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
</staticContent>
</system.webServer>
现在一切正常.