在使用 DarkMode.js 的所有元素上方制作暗模式按钮

【问题标题】：Make the dark mode button above all elements used DarkMode.js在使用 DarkMode.js 的所有元素上方制作暗模式按钮
【发布时间】：2021-02-28 19:01:09
【问题描述】：

我想在网站上的所有项目上方制作暗模式按钮。我也使用了 DarkMode.js。按钮隐藏在图像后面。如何使其优先级最高？

【问题讨论】：

【解决方案1】：

z-index 理论上解决了这个问题

【讨论】：

【解决方案2】：

如果你也质疑你写的代码会更好。无论如何，我认为您的问题可以通过以下方法解决。假设您的按钮类是“myBtn”。然后在你的 CSS 中：

.myBtn {
   z-index: 10;   /* or more than 10 if 10 does not work */
}

另外一种方式，你可以像这样使用 css-in-js：

<button style={{zInex: 10}}></button>

【讨论】：

【解决方案3】：

正如其他人所说， .myBtn { z-index: 10; } 或任何其他高数字。

但请注意：z-index 仅适用于定位元素（位置：绝对、位置：相对、位置：固定或位置：粘性）。

【讨论】：