Image pulled down over parent div

Question

I need to have an image pulled down over the borders of it's parent div as to be seen in this picture: http://prntscr.com/dqdavn

有什么想法吗？

Answer 1

在图片上使用透明背景。然后在内嵌图像上设置负底边距。对于DIV使用display: inline-block。

我认为您的HTML看起来像这样：

<div><img src="img.png" /></div>

你应该使用这个CSS：

body {background: silver;}
div {background: white; display: inline-block;}
img {margin-bottom: -90px;}

在此处查看此行动：http://codepen.io/anon/pen/mRbXKw