Html 如何使用css3将svg图像放在3d立方体的一侧？

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

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

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

以下是svg代码：

---

作为图像包含的SVG（例如通过

或
背景图像
）不能引用其他外部对象。包括图像、CSS等。SVG引用外部PNG文件

您可以通过将PNG嵌入为base64数据URL来包含它

此限制是一项精心设计的浏览器安全措施。
我们将不得不查看SVG的代码或一个实例，以便向您展示未显示的部分是SVG的链接部分。如果我嵌入它并链接到svg，这会改变一切吗