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

Question

我需要在主容器外移动三个缩略图，但保持与容器相同的背景图像。

以下是what i need的图片。

我使用bootstrap，所以缩略图在一行内。我必须使用行中的.move-tb类来移动缩略图

.move-tb{
    position: relative;
    bottom: -120px;
}

但问题在于背景。

我想我应该在主div中使用常见的背景图片，然后分开两个div，第一个包含所有内容和background-color: transparent，第二个只是设置其background-color: gray，但是那么当我移动缩略图时，我如何让它们使用主背景（图像）而不是第二个内部div背景（灰色）？

Answer 1

最简单的方法是从Adobe Illustrator中绘制底部白色部分并将其另存为SVG。然后从文本编辑器打开svg文件并将标签复制到您的html ..然后您可以根据需要进行样式和排列。