与css问题的图象剪报

Question

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

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

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

CSS伪：

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

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

我也尝试过使用属性而且同样的情况发生，图像只是空白。

Answer 1

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

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