2017-05-11 13 views
2

<イオンスライドページ>でアプリの紹介をしようとしていますが、私の問題は画像を背景として設定しようとしています。 HTML:それは見ることができるようにイオンスライドで画像を背景に設定する

<ion-header> 

    <ion-navbar> 
    <ion-title>Intro</ion-title> 
    </ion-navbar> 

</ion-header> 


<ion-content padding> 

</ion-content> 

<ion-slides pager> 

    <ion-slide style="background-image: url(/../../www/img/fondo.png)"> 
    <h2>Slide 1</h2> 
    </ion-slide> 

    <ion-slide style="background-color: mediumpurple"> 
    <h2>Slide 2</h2> 
    </ion-slide> 

    <ion-slide style="background-color: mediumpurple"> 
    <h2>Slide 3</h2> 
    </ion-slide> 

</ion-slides> 

、最初のスライドには画像を表示する必要がありますが、私が取得することは、これは次のとおりです。助けるため enter image description here

ありがとう!

+0

あなたは背景色ではなく画像を取得する意味ですか? –

答えて

4

背景画像のパスが正しくありません。

画像は/src/assets/img/fondo.pngに保存する必要があります。 これは、ビルドプロセス中に/www/assets/img/fondo.pngにコピーされます。

HTMLコードがあります:

<ion-slide style="background-image: url(../assets/img/fondo.png)"> 
関連する問題