Ich habe eine benutzerdefinierte Klasse .auth-pane auf einer Seite in meiner Ionic App festgelegt, um sie mit einem benutzerdefinierten Hintergrund zu gestalten.
Das CSS für den Hintergrund ist ...
%Vor% angewendet auf <ion-view view-title="Auth" class="auth-pane">
Alles funktioniert gut in Chrome (mit ionic serve ), aber wenn ich auf dem Gerät baue und laufe, sehe ich nur einen einfachen weißen Hintergrund.
Ich habe versucht, den Pfad für das Hintergrundbild anzupassen
img/auth-background.jpeg und /img/auth-background.jpeg , die keinen Unterschied gemacht haben (obwohl der absolute Pfad auch in Chrome funktioniert).
Es werden keine Fehler (404 usw.) für die Image-Datei ausgegeben, daher scheint die Datei gefunden worden zu sein.
Probieren Sie es aus, es hat sich hervorragend für meine ionischen Projekte bewährt:
%Vor%Es ist nicht die Größe des Bildes, die verhindert, dass es in ionic2 angezeigt wird. Das sollten Sie tun, wenn das lokale Bild nicht angezeigt wird:
Entfernen Sie den nachfolgenden ../ vor Ihrem Bildordner oder Bildnamen. Die App weiß bereits, dass alle Bilder standardmäßig im www-Ordner gespeichert sind. So müssen Sie ein Format wie dieses verwenden, damit alle Ihre Bilder angezeigt werden:
Tannen-Ikonen:
und
für Hintergrund image
'
Tags und Links html angularjs css ionic-framework background-image