背景位置不适用于 img class

Question

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

.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 属性仅适用于背景图片您可以将属性 object-position 用于您的 img.

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

背景位置不适用于 img class

Background-position not working on an img class

css

image

background-position