我正在研究CSS设计模板.
我有两个图像imageOne和imageTwo.
两者都是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)