Question

我创建了一个立方体，最后一步是将图片放在“背面”。我可以使用以下代码链接常规图像及其工作：

.cube .back {
    position: absolute;
    width: 200px;
    height: 200px;
    background-image: url(pika.svg);    
}

但是，当我尝试将我的svg文件链接为img时，整个图像都没有显示。我的svg中有三个单独的图层，但只有两个显示。我做错了什么？

Answer 1

作为图像包含的SVG（例如，通过<img>或background-image）不能引用其他外部对象。这包括图像，CSS等。您的SVG引用外部PNG文件。

您可以做的是将PNG嵌入为base64数据网址。

此限制是一种深思熟虑的浏览器安全措施。