如何在IE9中正确提供SVG文件作为背景图片？

我想在IE9中使用SVG背景代替CSS3渐变（不支持CSS3渐变）。 我已经在本地测试过它，它的作用就像是一个梦想。但是，当我将这些更改上载到实时站点时，它不起作用。我已经验证SVG文件在服务器上处于完好状态。如何在IE9中正确提供SVG文件作为背景图片？

下面是一个简单的测试页面，在那里它被用来作为一个div的背景： http://www.shmax.com/gradient.html?DBGSESSID=-1

查看页面在Chrome和IE9，你会注意它出现在Chrome中，但不在IE9中。奇怪的是，当我在本地测试机器上查看它时，它在IE9中工作。

我注意到的一件事是，当我在Fiddler中查看这个资产的标题时，它说“Transport - Connection：close”。这是否意味着什么？这是我需要在我的.htaccess中修复的东西吗？

感谢您的帮助，伙计们。

2011-05-02 Max

我看不出有什么区别，在我跳出Chrome11和IE9之间。那么...... Chrome上的标题背景中有一个图形。你是这个意思吗？ – Phrogz 2011-05-02 20:13:20

我甚至没有看到Chrome针对“record-box-gradient.svg”发出的网络请求。请提供一个简化的测试用例，明确发生了什么。 – Phrogz 2011-05-02 20:19:36

够公平的，Phrogz，好主意，谢谢。我编辑了我原来的帖子，现在它链接到一个简单的测试页面，其他所有东西都不在话下。请看你的想法！ – Max 2011-05-03 01:13:33

您的简单测试页适合我在IE9中使用;我在div的背景中看到一个渐变。

试试这个：

按F12中的工具“菜单栏的”开放开发工具
什么是“文档模式”？如果您将其设置为“IE9标准”，您是否看到渐变？
点击查看开发工具的网络选项卡上，单击“开始捕获”，重新加载测试页，然后点击“停止捕获”。您是否在网址中看到/css/record-box-gradient.svg的请求？它是状态200还是304？

2011-05-03 15:19:26 Phrogz

我有正确的文档模式，而且我看到了304.我通过“选项”对话框清除了十几次缓存，但是这次我使用开发工具中的“清除”按钮完成了它，并且它立即开始工作。非常感谢您的帮助。 – Max 2011-05-03 16:34:33

回答