仅显示图像的前x个像素？

Question

有没有办法只显示图像的前x个像素？我只想显示图像的前200px。

我不能通过使图像成为背景来实现这一点，因为我使用图像作为POST数据的提交按钮。图像是“图像”类型的输入。

Answer 1

CSS属性clip可能就是你要找的东西。它允许您指定要剪切到的图像部分。这是一个不错的选择，因为它不依赖于容器来隐藏溢出：

  clip:rect(10px, 50px, 145px, 10px);

以下是一个描述它的网站，并允许您演示它：http://www.quackit.com/css/properties/css_clip.cfm

Answer 2

将图像放入div中。在div上，应用CSS样式：

height: 200px;
overflow: hidden;

不需要Javascript。

另一个解决方案（也没有Javascript）将图像设置为div上的背景图像。这样您就可以更轻松地显示图像的不同部分，因为您可以指定背景位置。

Answer 3

使其成为200px高div的背景。您还需要给div一个宽度。这可以在内联的css文件中完成，样式=“height：200px; width：___ px;”