Question

我似乎无法消除背景照片的空白区域。以下是我试过的所有.css样式：

    .prflBg {
    ion-card-content{
    background-image: url('../assets/img/headerBg.png');
    background-size: 320px 158px;
    background-repeat: no-repeat;
    width: 100% !important;
    overflow: visible !important;
    margin-left: -10px !important;
    padding-top: 5px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    }[![enter image description here][1]][1]

Answer 1

“background-size”属性决定了图片的大小。如果不知道背景图片的大小或者想要放入的容器，就很难知道出了什么问题。

然而，background-size属性非常标准。第一个数字决定图像的宽度，第二个数字决定高度。还有"word" choices你可以使用它做各种事情。

在你的情况下，我建议使用“background-size：cover”，因为根据w3Schools这是封面值：

封面会调整背景图片的大小以覆盖整个容器，即使它必须拉伸图像或削减其中一个边缘

展开背景照片整个卡的宽度

1 个答案: