Question

我在插图画家CS6中创建了一个.svg文件。但是当我尝试将它作为背景添加到这样的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 - 但是没有帮助...... 我使用CodeKit缩小，并将所有CSS文件合并到一个文件中。试图不这样做，但也没有工作......

我使用SVG 1.1个人资料保存文件
图片位置为“link”
编码：“UTF-8”

我做错了什么？

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

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

的直接链接

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

Answer 1

如果要将SVG文件用作任何类型的图像（包括作为背景图像），则它必须是privacy reasons的单个文件。任何外部对外部CSS或图像的引用都将被忽略。

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

svg作为背景不会显示

1 个答案: