有没有办法用 css 裁剪图像(img 标签)，不用 php，javascript，使用父元素或将图像设置为背景图像？例如，假设我有一张 400 x 400 像素的图像，包含在如下 html 文档中:
<img src="400x400.jpg" />
有没有一种方法可以纯粹在 css 中裁剪此图像(不扭曲图像)？我问这个是因为它是裁剪图像的更语义化的方式，但我不知道该怎么做。
最佳答案
当然!这是很棒但经常被误解的 clip 属性。
clip:rect(110px, 160px, 170px, 60px); /* Random example */
它一直适用于 IE4。您可以通过 this fantastic tutorial 了解更多信息。 .
关于html - 是否可以在没有父容器或将其设置为背景的情况下在 css 中裁剪图像 <img>？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15792688/