与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 & 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,一定会找到解决方案。编码愉快!