小编Naz*_*rzi的帖子

如何将元素放在另一个元素上?

我想放置<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)

更多信息与图片:

当浏览器大小很大时
在此输入图像描述

当浏览器尺寸很小时.
在此输入图像描述

html css css3 twitter-bootstrap

-55
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

css3 ×1

html ×1

twitter-bootstrap ×1