编辑1

Question

我正在使用Ionic 2开发一款应用程序。现在，我有这种风格：

ion-content {
  background-image: url('/assets/images/orange-background.svg');
  background-repeat: no-repeat;
  background-size: 101%;
}

当我ionic serve这样可以正常工作时，但是当我将新版本上传到Ionic View频道时，此示例既不适用background-image的任何.svg示例。< / p>

我已经尝试Ionic - svg does not appear但没有效果。

提前致谢。

我已经在background-image尝试了此网址：

assets/images/orange-background.svg
/assets/images/orange-background.svg
../assets/images/orange-background.svg
./assets/images/orange-background.svg

这些都没有奏效：'（

编辑2

我刚刚发现这个问题只发生在iOS上。

Answer 1

也许网址不正确。在.css文件中：url ('../assets/images/orange-background.svg')。

在其他情况下，你有所作为：在Whindows中，image.SVG将在浏览器中测试应用程序但在Linux（也是Android）中不起作用。似乎image.SVG与Windows中的image.svg相同。

Answer 2

我遇到了类似的问题，我意识到该文件名为“Background.svg”，在我的css上我有：

background-image: url("../assets/imgs/background.svg");

将文件名更改为“background.svg”后，问题就解决了。