如何将图像的一部分插入文本框？

Question

我正在尝试在文本框中仅显示图像的一部分。
图像尺寸为 200x50 像素，我只想显示图像的一部分，比如说从 (25px,25px)(x,y 坐标) 开始，高度为 30px，宽度为 50px。

以上坐标由第三个值决定，因此根据文本框中的文本而变化。

我尝试使用 background-position 和 background-image 属性，但在我的情况下不起作用。

我该怎么做？我应该使用哪些属性或标签来使其工作？ 请指导我...

提前谢谢..

Answer 1

您是否尝试过在 css 中进行剪辑..

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