我想放置<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;
}Run Code Online (Sandbox Code Playgroud)
<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>Run Code Online (Sandbox Code Playgroud)
更多信息与图片:
当浏览器大小很大时

当浏览器尺寸很小时.
