将图像放在另一个img（响应模式）之上

Question

我遇到了一个大问题：

我需要在另一张图像上放置几张图像。在非响应模式下，我会使用：

    position:absolute;
    top: 0;

和父母

    position: relative;

但是我正在使用BootStrap 3处理响应式网站，这种方法打破了布局。 你们有什么想法吗？

注意：图片必须是“流畅的”（引导类img-responsive）并且所有图片具有相同的比例。

谢谢！

Answer 1

我不是100％确定这是否符合您的需求，但您可以在img内使用div标记并设置background-image属性。像这样：

HTML

<div id="imageDiv">
    <img src="whatever.png" />
</div>

CSS

#imageDiv {
    background-image: url('something.jpg') no-repeat;
    background-size: cover; /*or 'contain' depending on your needs*/
}