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

时间:2012-02-14 18:55:10

标签: javascript html css image

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

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

谢谢。

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

img {margin:0 auto -33px;}

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:0)

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

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

有关示例,请参阅here