2

我.svg在 Illustrator CS6 中创建了一个文件。但是当我尝试使用这样的 CSS 将其添加为背景时：

html { 
    background: url(/path/to/images/layout/backgound.svg) no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 }

它不会出现。

试图删除background-size-thing，但没有帮助......我使用 CodeKit 来缩小，并将所有 CSS 文件合并到一个文件中。试图不这样做，但也没有工作......

  • 我使用 SVG 1.1 配置文件保存了文件
  • 图像位置为“链接”
  • 编码：“UTF-8”

我究竟做错了什么？

如果我直接转到浏览器中的图像位置，它就会出现。但它并没有显示为网站上的背景......

这是我网站的链接：http: //kiledesign.no
这里是直接链接.svg：http: //kiledesign.no/assets/images/layout/bg_svg/background.svg

编辑：改为使用 CSS.MediaQuery 和几个 .jpg-images - 现在......

4

1 回答 1

2

如果您想将 SVG 文件用作任何类型的图像（包括作为背景图像），那么出于隐私原因，它必须是单个文件。任何对包括外部 CSS 或图像在内的任何内容的外部引用都将被忽略。

在您的情况下，您的 SVG 文件包含一个外部图像文件，您需要将该图像转换为数据 URI，以便所有图像数据都在 SVG 文件本身中。

于 2013-09-24T03:48:16.173 回答