相关疑难解决方法(0)

CSS将一个图像放在另一个上面

我正在研究CSS设计模板.

我有两个图像imageOneimageTwo.

两者都是position: relative因为如果我设置其中一个position: absolute然后它不再保持响应,响应性是关键在这里.

我想要的是imageTwo放在上面imageOne.

我怎么能实现这一点,而twitterbootstrap的响应功能仍适用于这两个图像?

下面是我的代码:( 这里有 jsfiddle )

<div class="imageOne image"></div>
<div class="imageTwo image"></div>
Run Code Online (Sandbox Code Playgroud)

CSS

.image {
    position: relative;
    width: 100px;
    height: 100px;
    border: 1px solid red;
}
.imageOne {
    z-index: 0;
}
.imageTwo {
    z-index: 1;
}
Run Code Online (Sandbox Code Playgroud)

html css css3 responsive-design twitter-bootstrap

16
推荐指数
2
解决办法
9万
查看次数

标签 统计

css ×1

css3 ×1

html ×1

responsive-design ×1

twitter-bootstrap ×1