背景位置不适用于 img 类答案

【问题标题】：Background-position not working on an img class背景位置不适用于 img 类
【发布时间】：2019-11-28 09:23:15
【问题描述】：

我在一个容器中有一个 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;

谁能看出我在做什么有什么问题？任何指针将不胜感激！

谢谢

【问题讨论】：

好吧img 不是背景图像，所以background-position 没有理由对其产生任何影响。

标签： css image background-position

【解决方案1】：

background-position 属性仅适用于背景图像您可以将属性object-position 用于您的img。

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

【讨论】：