Illustrator导出的.svg文件赢得'；不能在HTML中呈现_Html_Css_Svg_Adobe Illustrator

Illustrator导出的.svg文件赢得'；不能在HTML中呈现

html css svg

Illustrator导出的.svg文件赢得'；不能在HTML中呈现,html,css,svg,adobe-illustrator,Html,Css,Svg,Adobe Illustrator,我不确定这是否是巧合，但如果我从Illustrator导出svg文件，或者甚至尝试使用在web上找到的从Illustrator导出的svg文件，它们似乎不会渲染我正在使用下面的代码，也许有人对svg和HTML有深入的了解，可以告诉我svg文件可能有什么问题 <!DOCTYPE html> <html lang="en"> <style> html { background-image: url(https://dl.dropboxus

我不确定这是否是巧合，但如果我从Illustrator导出svg文件，或者甚至尝试使用在web上找到的从Illustrator导出的svg文件，它们似乎不会渲染

我正在使用下面的代码，也许有人对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>


html{
背景图片：url(https://dl.dropboxusercontent.com/u/7146901/svgbkgnd%5B1%5D.svg);
背景尺寸：包含；
身高：100%；
}
......

我已经尝试了上面的代码，并替换了指向另一个svg文件的链接，它可以正常工作，所以我猜我的svg文件确实有问题？

它可以正常工作。请参见此处，我已将SVG包含在HTML元素中：

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

}

SVG是一个非常沉重的文件，因此需要花费相当长的时间才能显示出来。您可以尝试清理它以提高性能。无论是手动还是使用诸如screash之类的工具：

为什么要将CSS应用于

html

元素而不是

正文

？我想要整个页面的背景，而不仅仅是正文。不管怎样，上面的标记适用于不同的svg文件，所以这个文件似乎有问题，我想尝试推断这是什么，但根本不知道从哪里开始。如果它不在

主体中

将不会渲染。只有

body

元素中的东西出现了。我相信这句话是不正确的。我已经在图像和其他svg文件中使用了相同的标记，并且呈现得很好。作为测试，我还尝试将其更改为主体，但svg仍然无法呈现。@Oded:[免责声明--我不是css大师。]据我所知，您和mvcNewbie都是正确的。您可以将背景图像添加到html。但是你也是正确的，因为如果你把背景图像放到主体中，只要你不在主体中指定背景颜色，它就会提升到整个html视口。如果我错了，请告诉我……我喜欢学习！：）和你的结果一样，在IE10/win7上显示良好——不过加载速度很慢。非常感谢JSFIDLE数据仓库，我整天都在处理它，你的简单示例很有帮助，也许这可能是我如何提供内容的一部分。