卡片中的Z索引- Materialize CSS面板
卡片中的Z索引- Materialize CSS面板
提问于 2016-05-07 11:54:12
我在Card Panel中有两个图像，我想使用Z索引将它们精确地显示为一个在另一个之上。我想通过它的父容器(卡片面板)重新调整图像的大小，所以没有硬编码它的宽度和高度。使用下面的代码，我得到了重叠的效果，图像也被适当地调整了大小，但重叠的图像显示在卡片的边界之外(垂直)。卡面板(白色)不考虑图像高度。
HTML：
<div class="col s6 m4 l2">
<div class="card-panel">
<div class="container">
<img id="back" src="/image/back.png">
<img id="front" src="/image/front.png">
</div></div></div>CSS：
.container {
position: relative;
}
.container img {
position: absolute;
width: 100%;
}
.container #back {
z-index: 1;
}
.container #front {
z-index: 2;
}
回答 1
Stack Overflow用户
发布于 2018-08-21 07:08:33
您可以设置id为#back z-index -1的元素吗
#back{ z-index: -1; }页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37084326
复制相关文章
相似问题