2017-10-27 4 views
-1

Ich versuche, meine Ionic 2 App auf dem Webserver meiner Universität zu installieren. Aber wenn ich meine Projekte www-Ordner kopieren und hochladen meine CSS-Bilder in der App sind nicht da.Stellen Sie die Ionic 2 App im Web bereit - Bilder werden nicht angezeigt

Meine App funktioniert, wie es auf dem Netz sollte, und einige meiner Komponenten SCSS mit Ausnahme der Bilder zeigt ..

Hier ist meine Seite Search.scss:

page-search { 

    .bg-image { 
    background-image: url('../../assets/img/backgroundstars.jpg'); 
    background-size: cover; 
    background-position: center; 
    margin: auto; 
    z-index: 2; 
    } 

Wie Sie sehen können, meine Bilder im assets/img Ordner, aber ich habe versucht, es zu www/img aber mein Hintergrundbild nicht zeigen dann entweder diese

+0

Ihr relativer Pfad ist falsch. '../ Vermögenswerte/img/backgroundstars.jpg' Überprüfen Sie die Betrüger –

Antwort

0
.bg-image { 

    background: url("../assets/img/backgrounds/backgroundstars.jpg") no-repeat center center fixed; 

    -webkit-background-size: cover; 

    -moz-background-size: cover; 

    background-size: cover; 

} 

versuchen zu bewegen ...

+0

, die fast funktioniert hat! Wenn ich jetzt das www auf meinen Server hochlade, aber mein Hintergrund ist alles schwarz .. Aber ich kann mein Hintergrundbild nicht sehen .. Und meine URL ist nicht "../assets/img/backgrounds/backgroundstars.jpg", wie du geschrieben hast . Es ist "img/backgroundstars.jpg" –

+0

Auch hier ist, wie meine Projektlösung aussieht: https://imgur.com/a/TTQ9z –

Verwandte Themen