2016-03-23 11 views
2

in ionic 1.2 Ich möchte ein komplettes Hintergrundbild zeigen. Ich habe eine klassische Struktur Projekt:Ionic und Ionic View: zeigen Hintergrundbild

-hooks 
-platfroms 
-plugins 
-resources 
-scss 
-www 
    -css 
    -img 
    -js 
    -lib 
    -templates 
    ... 

ich eine HTML-Seite haben

<ion-view id="login" hide-nav-bar="true"> 
    <ion-content padding="true" scroll="false"> 
    ... 
    ... 

Wo:

#login { 
    background: #1c2627 url("../img/live.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

in /www/css/style.css definiert

Mit dem Befehl ionic serve wird der Hintergrund korrekt angezeigt, aber in der ionischen Ansicht (Ausführen des Befehls) ionischer Upload), der Hintergrund wird nicht angezeigt.

Was ist das Problem?

+0

Was ist Ihr Android-Version deklariert wird? Es könnte nur ein Fehler in Ionic View sein, da es immer noch nur in der Betaversion ist. Bitte versuchen Sie es auf einem Android-Gerät. –

Antwort

0

Ich habe funktionierende Implementierung mit der genauen CSS, die Sie hatten plus zusätzlichen Code.

Versuchen Zugabe

position: fixed 
top: 0 
z-index: -1 
height: 100% 
width: 100% 

Bitte beachten Sie, den Ansatz.

Der Wähler war nicht auf Ionengehalt angewendet, sondern auf ein div, die außerhalb Ionengehalt als Geschwister und Kinder von Ionen Ansicht

ion-view 
    ion-content 
    /ion-content 
    div 
    /div 
ion-view