index

2025-05-23 12:20:40 +02:00
parent d3e57241ec
commit 386eebd50d
1 changed files with 14 additions and 8 deletions
--- a/index.html
+++ b/index.html
@@ -38,33 +38,39 @@

    <style>
        #background-overlay {
-            position: absolute;
+            position: absolute; /* <-- damit es mitscrollt */
            top: 0;
            left: 0;
            width: 100%;
-            min-height: 100vh;
+            height: 1000px; /* z. B. für oberen Bildabschnitt */
            z-index: -1;
            pointer-events: none;

            background-image:
                    linear-gradient(
                            to bottom,
-                            rgba(0, 0, 0, 0.4) 0%,
-                            rgba(31, 41, 55, 0.8) 40%,
-                            #1f2937 60%
+                            rgba(0, 0, 0, 0.2) 30%,
+                            #1f2937 100%
                    ),
                    url('https://images.unsplash.com/photo-1555215695-3004980ad54e');
            background-size: cover;
-            background-position: center top;
+            background-position: top center;
            background-repeat: no-repeat;
            background-attachment: scroll;
        }
+
+        body {
+            background-color: #1f2937;
+            position: relative;
+        }
+
+
    </style>

 </head>

 <body>
-<div id="background-overlay">
+<div id="background-overlay"></div>

 <nav class=border-gray-200 ">
    <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
@@ -317,5 +323,5 @@
 </footer>


-</div>
+
 </body>