如何正确地提供SVG文件以用作IE9中的背景图像？

Question

我正在尝试使用SVG背景代替IE9中的CSS3渐变（它不支持CSS3渐变）。 我在本地进行了测试，它就像一个梦想。但是，当我将这些更改上传到实际网站时，它不起作用。我已经验证了SVG文件在服务器上的完整形式。

这是文件： http://www.shmax.com/css/record-box-gradient.svg

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

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

我注意到的一件事是，当我在Fiddler中查看此资产的标题时，它会显示“Transport - Connection：close”。这有什么意义吗？这是我需要在我的.htaccess中修复的东西吗？

谢谢你的帮助，伙计们。

Answer 1

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

试试这个：

1. 按F12打开开发人员工具

2. 工具“菜单栏”中的“文档模式”是什么？如果将其设置为“IE9标准”，您会看到渐变吗？

   

3. 单击开发人员工具的“网络”选项卡，单击“开始捕获”，重新加载测试页，然后单击“停止捕获”。您是否在网址中看到了/css/record-box-gradient.svg的请求？是状态200还是304？