我想得到下图中蓝色条带的结果。它位于包装器内部，因此 HTML 如下所示： <body><div class="wrapper"><div class="strap"></div></div></body>我知道它是用 z-index 完成的。带子应该在整个页面上可见。感谢帮助
2 回答
杨__羊羊
TA贡献1943条经验 获得超7个赞
使用以下 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);
}
慕仙森
TA贡献1827条经验 获得超7个赞
使用css属性positionabsolute，并使用top、right、left、bottom进行对齐。并使用 z 索引使其出现在该包装器的顶部，确保宽度为 100% ...
- 2 回答
- 0 关注
- 79 浏览
添加回答
举报
0/150
提交
取消