如何正确地提供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您在 URL 中看到了 的请求吗？状态是 200 还是 304？