Как разместить элемент над другим элементом? [закрыто]
Я хочу разместить<div>
за<img>
.
HTML выглядит следующим образом.
body {
background-color: #cCa;
}
.image {
position: relative;
background-repeat: no-repeat;
}
.content {
background-color: lightGrey;
position: absolute;
overflow: none;
left: 40px;
top: 40px;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap-responsive.min.css" rel="stylesheet"/>
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
<div class="image"> <img src="css_js/img/image.jpg"> </div>
<div class="content img-circle">[content]</div>
</div>
</div>
</div>
Больше информации с фото:
когда размер браузера большой
когда размер браузера маленький.