added z-index const

elin001 · Nov 8, 2023 · 30c0c98 · 30c0c98
1 parent 9c3512f
commit 30c0c98
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/script.js b/script.js
@@ -1,3 +1,17 @@
+//menu
+const checkbox = document.getElementById('op');
+        const mainContent = document.getElementById('content');
+
+        checkbox.addEventListener('change', function () {
+            if (checkbox.checked) {
+                // Checkbox is checked, apply z-index: -1000
+                mainContent.style.zIndex = '-1000';
+            } else {
+                // Checkbox is unchecked, remove the z-index property
+                mainContent.style.removeProperty('z-index');
+            }
+        });
+
 //gif
 const gif = document.getElementById('autoplayGif');
 
@@ -20,3 +34,4 @@ const handleIntersection = (entries, observer) => {
 const observer = new IntersectionObserver(handleIntersection, options);
 
 observer.observe(gif);
+
diff --git a/style.css b/style.css
@@ -1,7 +1,6 @@
 main {
     display: flex;
     flex-flow: column wrap;
-    z-index: -1000;
 }
 
 body {