包装器内的 Z 索引条在整个页面上可见
我想得到下图中蓝色条带的结果。它位于包装器内部，因此 HTML 如下所示：
<body>
<div class="wrapper">
<div class="strap"></div>
</div>
</body>
我知道它是用 z-index 完成的。带子应该在整个页面上可见。感谢帮助
侃侃尔雅浏览 80回答 2
2回答
-
杨__羊羊
使用以下 CSS。代码将位置设置为绝对，然后将 div 的每个点定位到窗口的每个角：顶部、底部、左侧和右侧。Z-index 会将其带到前面。确保没有其他元素使用 z-index 的值大于 99。然后将背景颜色设置为白色，透明度为 40%；将 0.6 调整为您需要的值。例如 0.8 的透明度会较差。.strap{ display: block;position: absolute;top: 0;bottom:0;left:0;right:0;z-index:99;background-color: rgba(255,255,255,0.6);} -
慕仙森
使用css属性positionabsolute，并使用top、right、left、bottom进行对齐。并使用 z 索引使其出现在该包装器的顶部，确保宽度为 100% ...
随时随地看视频慕课网APP
相关分类
Html5