我在一个容器中有一个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;
有人能看到我的工作有什么问题吗?任何指针将不胜感激!
谢谢
background-position
属性仅适用于背景图像您可以将object-position
属性用于您的。