Question

所以我有这个图像代码css，它也适用于一些HTML。我试图做的是有一个屏幕上的按钮，可以关闭或打开此代码。这是我的网站。我希望它默认它关闭。此外，代码是否可以记住用户的选择？如果用户想要叠加，然后转到另一页，我希望它记住选择。对不起我的工作..我正在学习。

CSS

    div.nightmode {
      opacity:    0.05; 
      background: url(**image url**);  
      width:      100%;
      height:     100%; 
      z-index:    10;
      top:        0; 
      left:       0; 
      position:   fixed; 
      pointer-events: none;
 }

HTML

<body>
  <div class="nightmode"></div>
</body>

Answer 1

你有几种方法可以做到这一点。我认为最好的是使用cookies。这里有一个小例子：

click on DIV to toggle

https://jsfiddle.net/sdx2rba9/49/

after refresh page cookie set background to previous choice

无法发布stackoverflow内置的jsfiddle（cookie-secrity）。 记住：我不是高级编码器，所以我的代码可能不是很干净或写得很远。

屏幕上的图片叠加切换按钮

1 个答案: