Html 将div移到容器外部,同时保持相同的背景

Html 将div移到容器外部,同时保持相同的背景,html,css,twitter-bootstrap-3,css-position,Html,Css,Twitter Bootstrap 3,Css Position,我需要将三个缩略图移到主容器外,但要保持与它们的容器相同的背景图像 这是一张你的照片 我使用的是引导,所以缩略图在一行内。我要用这个类来移动缩略图。移动一行中的tb .move-tb{ position: relative; bottom: -120px; } 但问题是有背景的 我想我应该在一个主分区中使用一个公共背景图像,然后将两个分区分开,第一个分区包含所有内容和背景颜色:透明,第二个分区仅用于设置其背景颜色:灰色,但是当我移动缩略图时,如何让它们使用主背景(图像)最简单的

我需要将三个缩略图移到主容器外,但要保持与它们的容器相同的背景图像

这是一张你的照片

我使用的是引导,所以缩略图在一行内。我要用这个类来移动缩略图。移动一行中的tb

.move-tb{
    position: relative;
    bottom: -120px;
}
但问题是有背景的


我想我应该在一个主分区中使用一个公共背景图像,然后将两个分区分开,第一个分区包含所有内容和
背景颜色:透明
,第二个分区仅用于设置其
背景颜色:灰色
,但是当我移动缩略图时,如何让它们使用主背景(图像)最简单的方法是从Adobe Illustrator中绘制底部白色部分并将其保存为SVG,而不是第二个内部div背景(灰色)。然后从文本编辑器中打开svg文件,并将标记复制到html中。然后,您可以根据需要设置样式和排列

保持您的单个div(矩形)具有背景,并使用白色放置div,绝对位置位于底部,如图所示。@NitinDhomse它将与列重叠,对吗?我认为它可能不起作用。@Ajithkumar是的,它起作用了。需要将css与position:absolute和其他支持css的属性(如左/右)一起使用。@NitinDhomse让我试试你的答案。。