2017-09-23 91 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