IONIC - 没有显示与apk的背景图像

时间:2017-11-21 13:29:48

标签: android image ionic-framework apk device

我的html页面我有一个带有 getstart 类的离子内容,背景图片放在 assets / img 中。 它完全适用于Web浏览器,但是我用apk测试应用程序,背景仍为白色。

我知道这是一个反复出现的问题,但我找到的所有答案(在此网站和其他网站上)都不适合我。

这是我的scss代码,放在 app.scss

  .getstart{
    background: url('../assets/img/venice.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;

  }

我尝试更改che图像网址,如 /assets/img/venice.jpg ' ,但没有任何效果。

我真的卡住了:( 提前谢谢!

已解决:愚蠢的错误。我的背景图片是venice.JPG,而不是.jpg,所以apk没有识别任何图像。我更改了我的扩展程序文件。 谢谢你的帮助!

2 个答案:

答案 0 :(得分:0)

一切似乎都是正确的,就像你已经尝试过“assets / img / venice.jpg”链接一样。

您是否通过Chrome检查设备?也许那里的图片缺失了。 尝试更改图片的名称。不知道为什么,但这有助于我的一次。

答案 1 :(得分:0)

每件事情都很完美,但我认为最好尝试使用这个

enter code here background: url(../../assets/imgs/Login.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;