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

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

背景位置不适用于img类

1 个答案: