0

有没有办法用css裁剪图像(img标签),没有php,javascript,使用父元素或将图像设置为背景图像?例如,假设我有一个 400 x 400 像素的图像,包含在一个 html 文档中,如下所示:

<img src="400x400.jpg" />

有没有办法纯粹在 css 中裁剪这个图像(不扭曲图像)?我问这个是因为这将是裁剪图像的更具语义化的方式,但我不知道该怎么做。

4

1 回答 1

5

绝对地!这是奇妙但经常被误解的clip属性。

clip:rect(110px, 160px, 170px, 60px); /* Random example */

它一直工作到 IE4。您可以通过这个精彩的教程了解更多信息。

于 2013-04-03T16:21:15.787 回答