Illustrator导出的.svg文件不会呈现在HTML中

我不确定这是否是巧合，但似乎如果我从Illustrator中导出svg文件，甚至尝试使用我在Web上找到的导出的svg文件来自Illustrator，他们不渲染。Illustrator导出的.svg文件不会呈现在HTML中

我正在使用下面的代码，也许有人深入了解svg和HTML可以告诉我什么可能是我的svg文件错？

<!DOCTYPE html> 
<html lang="en"> 
    <style> 
    html { 
     background-image: url(https://dl.dropboxusercontent.com/u/7146901/svgbkgnd%5B1%5D.svg); 
     background-size: contain; 
     height: 100%; 
    } 
    </style> 
    <head>......</head> 
</html>

我曾尝试上面的代码，取而代之的链接到不同的SVG文件和它的作品，所以我的猜测是，什么是错与特别是我SVG文件？

来源

2013-05-13 mvcNewbie

为什么你将CSS应用到'html'元素而不是'body'？ – Oded 2013-05-13 18:12:58

我想要整个页面的背景，而不仅仅是身体。无论如何，上面的标记与不同的svg文件一起工作，所以看起来这个文件有问题，我想尝试推断那是什么，但没有丝毫的想法从哪里开始。 – mvcNewbie 2013-05-13 18:49:53

嗯。如果它不在'body'中，它将不会呈现。只有'body'元素中的东西出现。 – Oded 2013-05-13 18:55:52

它按预期工作。见http://jsfiddle.net/PA8zn/show这里，我已经包含在HTML元素的SVG：

html { 
    background: url(https://dl.dropboxusercontent.com/u/7146901/svgbkgnd%5B1%5D.svg) no-repeat;

}

的SVG是一个非常沉重的文件，因此它需要相当一段时间才能显示出来。您可以尝试清理它以提高性能。无论是通过手工还是像Scour这样的工具：http://codedread.com/scour/

来源

2013-05-13 19:54:56

同上你的结果，在IE10/win7上显示得很好 - 虽然缓慢加载。 – markE 2013-05-13 20:02:59

非常感谢jsfiddle dstorey，我一整天都在搞乱它，你的简单例子有所帮助，也许这可能是我如何提供内容的一部分。 – mvcNewbie 2013-05-13 20:22:55

Illustrator导出的.svg文件不会呈现在HTML中

回答

相关问题