2017-09-23 93 views
0

我已经在我的Ionic2应用程序中设置了一个自定义类.categories e,以便使用自定义背景进行设计。为背景的CSS是:Ionic2背景图像不会出现在设备上

.categories { 
    background: url('../../assets/img/dark.jpg'); 
    background-size: cover; 
} 

一切(使用离子服务)的作品在Chrome就好了,但是当我建立和运行设备,所有我看到的是一个普通的白色背景。 我已经尝试调整资产/ img/dark.jpg的背景图片的路径,但没有运气。如果有人可以帮助我,我会感谢您的帮助。

预先感谢您

+0

请尝试以下我的代码 –

+0

谢谢你,但它不工作 – Romy

回答

0

好吧我想所有的东西都是y OU要做的就是将URL更改为

background-image: url('../assets/img/dark.jpg'); 
+0

谢谢,我会尝试 – Romy

+0

好吧,并告诉我,如果它解决了你的问题,祝你好运:D –

+0

现在它的工作。非常感谢你,穆罕默德,你救了我的一天。我真的很感谢你的帮助 – Romy

0

链接会不喜欢你用 它必须是喜欢你的文件的相对路径

比如你的文件是

src > pages > example >example.scss 

,那么你必须使用图像路径为

.categories { 
background: url('../../assets/img/dark.jpg'); 
background-size: cover; 
} 
+0

谢谢你,但,这就是我实际做。它在浏览器(离子服务)上工作,但在我的Android设备上,背景不显示..我感谢您的帮助 – Romy

+0

它怎么可能。它适用于我所有的项目..请发送您的图像和离子页面的路径详细信息以纠正。 –

+0

我的图像“dark.jpg”位于www/assets/img文件夹中。和样式是在app.scss文件 – Romy