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

Question

如何在9gag.com上仅显示图像的一部分（在这种情况下是隐藏水印）， 我试图在css中使用剪辑，但它需要图像绝对位置，这对我来说是不对的。

还有其他方法可以在css中执行此操作吗？ js也可以。

谢谢。

/////////////////////////////////////////////// / 这是我的问题的解决方案，花了我一段时间才弄清楚我可以使用保证金属性，傻我

img {margin:0 auto -33px;}

Answer 1

是的，使用CSS overflow属性。您可以overflow: hidden;剪切出超出容器宽度和高度的实体。

您可以在W3schools了解更多信息：http://www.w3schools.com/cssref/pr_pos_overflow.asp 他们甚至有一个例子供你试用。

Answer 2

你只需要CSS。您将使用在许多站点上使用的相同技术来减少HTTP资源请求（称为精灵）。

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

有关示例，请参阅here。