css - 背景位置不适用于 img 类

Question

我在容器中有一个 img，它是容器高度的一半。 img 太大，所以我使用了 object-fit 属性，但是它在顶部切断了 img。我正在使用以下 CSS，无论我在 background-position 属性中输入什么值，它都不会执行任何操作。

.testbox img {
    position: relative;
    display: table-cell;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    overflow: hidden;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;

有人能看出我在做什么吗？任何指针将不胜感激!

谢谢

Answer 1

background-position 属性仅适用于背景图片您可以为您的 img 使用属性 object-position。

https://css-tricks.com/on-object-fit-and-object-position/