IE11元元素打破SVG

Rah*_*ani 33 internet-explorer svg internet-explorer-11

我已经将SVG文件数据直接嵌入到我的html中.它在Chrome和Firefox中显示,但在IE11中根本不显示.与SVG的pastebin链接是http://pastebin.com/eZpLXFfD

我尝试添加META TAG但无济于事.起初我以为它可能是IE兼容性视图问题,但切换该功能也不起作用.

<meta http-equiv="X-UA-Compatible" content="IE=8">

有帮助吗?我还能提供哪些信息来帮助回答这个问题

Sam*_*son 26

听起来好像你不是现代文档模式.当您处于标准模式时,Internet Explorer 11会显示SVG.如果您有x-ua-compatible元标记,请确保将其设置为Edge,而不是早期模式.

<meta http-equiv="X-UA-Compatible" content="IE=edge">
Run Code Online (Sandbox Code Playgroud)

您可以通过打开F12开发人员工具并检查文档模式下拉列表(在右上角,当前为"Edge")或模拟选项卡来确定您的文档模式:

在此输入图像描述

如果您没有x-ua-compatible元标记(或标题),请务必使用将文档置于标准模式的doctype,例如<!DOCTYPE html>.

在此输入图像描述


raf*_*ten 10

我使用的4个内联svgs中有3个遇到了同样的问题,它们只在IE11上消失了(在一种情况下,部分).

<meta http-equiv="x-ua-compatible" content="ie=edge">在页面上.

最后,问题是svg文件上的额外剪切路径.我在Illustrator上打开了文件,删除了剪切路径(通常在图层的底部),现在它们都在工作.

  • 你能不能提供一个这样的道路的例子?目前在类似的问题上苦苦挣扎. (3认同)