网格 z 索引和重叠
Grid z-indexes and overlaps
我正在使用以下 CodePen：https://codepen.io/eliseodannunzio/pen/ZEyGvOy，它设置了基于网格的日历，我正在尝试创建一个可配置的下拉菜单。当我试验 CSS 变量时，我使用标签列表和单选按钮来传递特定值。我会将此列表设置为通过行下方的复选框可见。
我担心的不是使用无线电输入和标签的选择...而是 inputs 被日历遮住了，如在 CodePen 中看到的那样。我发现这很奇怪，因为我已经将 inputs 和 labels 的 z-indexes 设置为 10，这高于 .calendar-wrapper 中设置的值分类元素及其子元素，它们都设置为 z-index 0...
谁能告诉我是什么导致了这个故障，以及如何渲染 CSS/HTML 以确保这个世纪列表与 .calendar-wrapper 元素中的网格重叠？
提前致谢...
如果我正确理解你的问题，你唯一需要做的就是添加
position: relative;
对于 label 元素，因为 z-index 仅影响位置值不是静态（默认值）的元素。
我正在使用以下 CodePen：https://codepen.io/eliseodannunzio/pen/ZEyGvOy，它设置了基于网格的日历，我正在尝试创建一个可配置的下拉菜单。当我试验 CSS 变量时，我使用标签列表和单选按钮来传递特定值。我会将此列表设置为通过行下方的复选框可见。
我担心的不是使用无线电输入和标签的选择...而是 inputs 被日历遮住了，如在 CodePen 中看到的那样。我发现这很奇怪，因为我已经将 inputs 和 labels 的 z-indexes 设置为 10，这高于 .calendar-wrapper 中设置的值分类元素及其子元素，它们都设置为 z-index 0...
谁能告诉我是什么导致了这个故障，以及如何渲染 CSS/HTML 以确保这个世纪列表与 .calendar-wrapper 元素中的网格重叠？
提前致谢...
如果我正确理解你的问题，你唯一需要做的就是添加
position: relative;
对于 label 元素，因为 z-index 仅影响位置值不是静态（默认值）的元素。