无法减少背景照片尺寸

时间:2018-05-18 01:15:23

标签: html css ionic-framework

我似乎无法减少个人资料照片背后的背景照片的大小。这是屏幕截图中的模糊图片。enter image description here

请注意背景图片如何在中间划线...这就是我希望它切断的位置。

<ion-content padding class="profilePhoto center-text" *ngIf="loggedInUser">
<ion-card class="prflBg">
  <ion-card-content >
        <div [ngSwitch]="this.cameraServiceProvider.photo0">
            <div *ngSwitchDefault>
                <img [src]="this.cameraServiceProvider.photo0" 
            (click)="Present('photo0.png')"/>
            </div>
            <div *ngSwitchCase="'UseButton'">
                <img src="assets/img/add-an-image.png" 
               (click)="selectPhoto('photo0.png')"/>
            </div>      
        </div>
    </ion-card-content>
</ion-card>



    .prflBg {
    ion-card-content{
    background-image: url('../assets/img/headerBg.png');
    background-size: 320px 158px;
    object-fit: contain !important;
    }

我只想要60%的顶级卡片被背景图片覆盖,但它覆盖了整张卡片。

0 个答案:

没有答案