화면 오버레이 토글 버튼

그래서이 이미지 코드는 CSS입니다. 일부 html로도 작동합니다. 무슨 일을하려고하는지이 코드를 끄거나 켜는 화면 버튼이 있습니다. 이것은 내 웹 사이트를위한 것입니다. 나는 그것의 기본을 원한다. 또한 코드가 사용자 선택을 기억할 수 있습니까? 사용자가 오버레이를 원한 다음 다른 페이지로 이동 한 것처럼 선택 사항을 기억하고 싶습니다. 미안 해요 내 eng .. 메신저 학습.화면 오버레이 토글 버튼

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>

출처

2016-11-01 Anonymous

당신은 그것을 할 수있는 몇 가지 방법이 있습니다. 나는 최고의 쿠키가 사용 쿠키라고 생각한다. 여기에 작은 예 :

after refresh page cookie set background to previous choice

click on DIV to toggle

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

에 유래에 게시 할 수 없습니다 내장 jsfiddle (쿠키 secrity). 기억 : 나는 코드가 깨끗하지 못하거나 긴 방법으로 작성되지 않을 수 있도록 고급 코더가 아닙니다.

출처

2016-11-01 10:05:40 BatOOn

화면 오버레이 토글 버튼

답변

관련 문제