与Bosstrap3 /。
我有2张图片。一幅图像很大。另一个很小。

两种图像都响应。

我想将小图像放在大图像上。

静态页面很容易。但我想在响应页面上执行此操作。

我希望图像的位置不随页面大小的变化而变化。

我尝试这样:

<div class="container">

<div class=" panel panel-default">
    <div class="panel-body" style="padding:1px">
        <img class="img-responsive" src="http://placehold.it/1170x300" alt="Chania">
    </div>
    <div class="panel-footer">
        <a href="#" class="pull-right">View all</a> <h4>Bootply Editor &amp; Code Library</h4>
    </div>
</div>
</div>

<img class="img-responsive mytumb" src="http://placehold.it/150x150/000">


AND CSS代码:

.mytumb{
  position:absolute;
  top:50px;
  left:40px;

}


但是它适用于静态页面。

我该怎么做?

https://jsfiddle.net/DTcHh/18935/

最佳答案

您可以在这里寻求解决方案position one image above another,一定会找到解决方案。编码愉快!

09-10 01:51
查看更多