图像裁剪与CSS问题

rn

我的问题是,一旦添加图像,图像就会消失clip

图像放置在绝对位置,并且父元素的相对位置和高度设置为正确的值。

我已经尝试过png和svg,但是我需要在svg图像上完成此操作。

CSS伪:

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

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

我也尝试过用property代替,同样的事情发生了,图像只是空白。

米勒

好像您没有正确使用剪辑。第一个0显示剪切区域的顶部在哪里,第三个位置的0显示底部在哪里。将它们都设置为0将使您无图像。请尝试以下操作,然后查看是否效果更好。

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章