将所有元素上面的深色模式按钮设为DarkMode.js

Question

我想把深色模式的按钮放在网站上所有的项目之上。我用了DarkMode.js作为same.The按钮，是不是隐藏在一个image.How的后面，让它的优先级最高？

Answer 1

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

Answer 2

如果你也质疑你写的代码，那会更好。无论如何，我认为你的问题可以用下面的方法来解决。假设你的按钮类是"myBtn“。然后在你的css中：

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

另外，您可以像这样使用css-in-js：

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

Answer 3

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

但请注意: z-index仅适用于定位的元素(位置:绝对、位置:相对、位置:固定或位置:粘滞)。