html - 图像剪辑与 css 问题

Question

我的问题是，一旦我在上面添加了 clip，图像就会消失。

图像是绝对定位的，父元素的相对位置和高度设置为正确的值。

我试过 png 和 svg，但我需要在 svg 图像上完成。

CSS 伪:

.parent-element {
    position: relative;
    height: 240px;
}

img.my-img {
   clip: rect(0, 50px, 0, 50px);
   position: absolute;
}

我也尝试过使用 property 代替，同样的情况发生了，图像变成空白。

Answer 1

您似乎没有正确使用 clip。第一个 0 显示裁剪区域的顶部位置，第三个位置的 0 显示底部位置。将这两个设置为 0 将使您没有图像。尝试以下操作，看看效果是否更好。

clip: rect(0, 50px, 50px, 0);