Javascript 如何在9gag.com上显示图像的一部分

如何在9gag.com上只显示图像的一部分（在本例中是隐藏水印）， 我尝试在css中使用clip，但它要求图像是绝对位置的，这对我来说是不允许的

在css中是否有其他方法可以做到这一点？js也可以

多谢各位

//////////////////////////////////////////////// 这是我问题的解决方案，我花了一段时间才弄明白我可以使用边距属性，真傻

img {margin:0 auto -33px;}

---

是的，使用CSS溢出属性。您可以执行

溢出：隐藏以剪裁超出容器宽度和高度的实体

您可以在W3学校了解更多信息：
他们甚至有一个例子供你试用。
你只需要CSS就可以了。您将使用许多站点上使用的相同技术来减少HTTP资源请求（称为sprite）

创建一个div，将图像设置为背景图像。然后设置所需的div高度和宽度。如果不想只剪右下侧，可以调整background position CSS属性

请参见示例。
为什么不能使用
位置：绝对
？如果你将它包装在一个
位置：相对的
容器中，它将是该容器的绝对值。我按照你的建议做了，它会破坏页面。请在下面将你的解决方案作为实际答案发布。是的，我知道如何使用sprites，但我的网站类似于9gag，包含大量图像帖子，每天都会添加更多，我不能在这种情况下使用精灵。我不是说使用精灵。我的意思是，你将使用同样的技术来覆盖图像的一部分。我的网站类似于9gag，包含大量图像帖子，每天都会添加更多内容，因此容器的高度和宽度都不同，所以这在我的情况下不起作用。好吧，你可以编写一个脚本来检测单个图像的高度和宽度，对吗？然后计算溢出：隐藏覆盖多少？好吧，我想从底部向上移动100像素，每幅图像。我尽量避免使用额外的脚本，因为它会给服务器增加压力，我的只有大约60MB的空闲内存javascript脚本怎么样？这是客户端，不会对服务器征税。