我似乎无法减少个人资料照片背后的背景照片的大小。这是屏幕截图中的模糊图片。
请注意背景图片如何在中间划线...这就是我希望它切断的位置。
<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%的顶级卡片被背景图片覆盖,但它覆盖了整张卡片。