Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何正确地提供SVG文件作为IE9中的背景图像?_Svg_Gradient - Fatal编程技术网

如何正确地提供SVG文件作为IE9中的背景图像?

如何正确地提供SVG文件作为IE9中的背景图像?,svg,gradient,Svg,Gradient,我正在尝试使用SVG背景来代替IE9中的CSS3渐变(它不支持CSS3渐变)我已经在本地对它进行了测试,它工作起来就像做梦一样。但是,当我将这些更改上传到live站点时,它不起作用。我已经验证了SVG文件在服务器上的完整形式 以下是文件: 下面是一个简单的测试页面,它被用作div的背景: 在Chrome和IE9中查看页面,您会注意到它出现在Chrome中,但不在IE9中。奇怪的是,当我在本地测试机器上查看它时,它在IE9中确实工作 我注意到的一件事是,当我在Fiddler中查看此资产的标题时

我正在尝试使用SVG背景来代替IE9中的CSS3渐变(它不支持CSS3渐变)我已经在本地对它进行了测试,它工作起来就像做梦一样。但是,当我将这些更改上传到live站点时,它不起作用。我已经验证了SVG文件在服务器上的完整形式

以下是文件:

下面是一个简单的测试页面,它被用作div的背景:

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

我注意到的一件事是,当我在Fiddler中查看此资产的标题时,它会显示“传输-连接:关闭”。这有什么意义吗?这是我需要在.htaccess中解决的问题吗


谢谢你们的帮助,伙计们。

你们的简单测试页面在IE9中适合我;我在div的背景中看到一个渐变

试试这个:

  • 按F12打开开发人员工具

  • 工具“菜单栏”中的“文档模式”是什么?如果你把它设置为“IE9标准”,你看到梯度了吗

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


  • 我看不出Chrome11和IE9之间有什么区别。嗯……在Chrome的标题背景中有一个图形。这就是你的意思吗?我甚至没有看到Chrome对“RecordBox gradient.svg”发出网络请求。请提供一个精简的测试用例,让它清楚地显示正在发生的事情。足够公平,Phrogz,好主意,谢谢。我已经编辑了我的原始帖子,现在它链接到一个简单的测试页面,所有其他的东西都被删除了。请看看你的想法!我有正确的文档模式,我看到了304。我已经通过“选项”对话框清除了十几次缓存,但这次我使用开发工具中的“清除”按钮,它立即开始工作。谢谢你的帮助。