如何使用CSS在图像上显示区域

RYN*_*RYN 0 css image region

我有一个125x250的图像,我需要显示它的125x125区域.
我可以通过CSS做到这一点吗?怎么样?

谢谢

Pek*_*ica 6

有CSS clip属性,但设置起来有点笨拙,正如@edd在他的回答中指出的那样,仅适用于绝对定位的图像.

我个人会创建一个125x125,div并根据具体情况

  • 让图像成为div background-image(您甚至可以使用它定位)background-position

  • 将图像放入其中,然后给出div overflow: hidden(优点:它仍然是带有ALT文本的图像元素)

如果您需要整个事情的行为类似于在文档流的图象,你可以给divdisplay: inline-block属性(由较旧的IE不支持).