Ionic 3: Grau horizontal bar unter img

Question

Ok so dass ich eine horizontale Leiste am unteren Rand meiner img haben, das nicht Teil des Bildes ist, habe ich versucht, Zuschneiden, den Wechsel von PNG-Dimensionen zu JPEG- und zu ändern, dies (?) ist ein Auszug aus es html

<ion-content padding center text-center> 
 
    <ion-img width="200" height="200" src="assets/imgs/applogo.png"></ion-img> 
 
    <ion-list> 
 
    <ion-item>

und das ist, wie es (aus Datenschutzgründen leider zog über das logo in rot) schaut:

es mag eine einfache Frage, aber ich fand keine ein Beitrag darüber online, jede Hilfe wird geschätzt.

Answer 1

Sie müssen die genaue Bildabmessungen auf das ion-img Element setzen, wie in den offiziellen docs erwähnt

Die graue Farbe erscheint, weil die ion-img Komponente standardmäßig einen grauen Hintergrundfarbe hat. Sie haben 200px als Höhe Ihres Bildes festgelegt, aber es ist tatsächlich kürzer als 200px, so dass die Hintergrundfarbe des ion-img-Elements unter dem Bild erscheint.