如何将图像剪切成网页

Question

我想在我的网页上显示图像的一部分.假设原始格式为1024x768,则显示的图像必须为100x768.它不是重新尺寸,而是从0,0像素开始的简单切割.有什么建议？

Answer 1

使用CSS的Clip属性:

img { position:absolute; clip:rect(0px 60px 200px 0px) }

或者在容器上使用溢出:

<div style="overflow:hidden; width:100px; height:76px;">
  <img src="myImage.jpg" />
</div>