将元素置于绝对定位的叠加层上方

刘易斯·戴蒙德

如何h2将此沙箱中元素调到叠加层上方?

<h1>Hello Plunker!</h1>
<h2>Above the overlay</h2>
<div class="overlay"></div>

.overlay {
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  background-color: rgba(34, 34, 34, 0.8);
  z-index:100;
}

h2 {
   z-index:200;
}

https://plnkr.co/edit/md2lIJCbhnEcc1XAbrne?p=preview

或德罗里

将元素的位置从更改staticrelative/ absolute/ fixedposition: static(默认)不允许z-indexdemo):

h2 {
  position: relative;
  z-index:200;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何将绝对定位的缩放元素垂直居中?

将元素绝对定位在圆的圆周上

元素上方的角度材料叠加

滚动条在绝对定位的元素上方渲染,以在元素下方水平滚动容器

如何将绝对定位的[h4]元素居中?

将绝对元素定位在相对父容器之外

绝对定位的视图不能在react-native中用作叠加层

如何将链接定位到右上方区域?(以标头为相对的绝对定位)

在固定位置叠加层中滚动

如何将绝对定位的元素居中?

z-index无法使叠加层上方的元素

将图片置于其父对象上方

如何将缩放带到叠加层上方?

如何将div叠加层放在颜色上方以“变灰”?

将UIView置于状态栏上方

将锚文本放置在其绝对定位的伪元素上方

在另一个绝对定位的元素上方应用可拖动容器

如何在叠加层上方显示元素?

使用绝对定位的元素将div扩展为文本长度

使用CSS将绝对定位的元素置于自身位置属性的中心

将绝对定位的元素与flexbox垂直对齐

如何在绝对定位的元素上添加叠加?

内嵌 SVG 元素,具有完美定位的叠加层和顶部的文本

在 Outlook 中相互叠加图像(绝对定位)

将绝对元素置于兄弟之下

将 nav 和 img 元素内联并置于公共边框上方

绝对定位使元素消失

是否可以将 calc() 函数用于绝对定位元素?

Borg 女王的盲区:当图像重新缩放时,具有绝对定位在图像相同区域上方的叠加元素的图像