From 85375aa4321abe0c2865fc94a63d9e2bab5e20ea Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Wed, 5 Mar 2025 14:39:54 +0800
Subject: [PATCH] =?UTF-8?q?doc:=20=E8=B0=83=E6=95=B4=E5=B8=83=E5=B1=80=20z?=
 =?UTF-8?q?-index?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/Components/Header.razor.css               | 6 +-----
 .../Components/Layout/BaseLayout.razor.css               | 2 ++
 .../Components/Layout/MainLayout.razor.css               | 9 ++++++++-
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/BootstrapBlazor.Server/Components/Components/Header.razor.css b/src/BootstrapBlazor.Server/Components/Components/Header.razor.css
index 19d33caccd9..5311fca4365 100644
--- a/src/BootstrapBlazor.Server/Components/Components/Header.razor.css
+++ b/src/BootstrapBlazor.Server/Components/Components/Header.razor.css
@@ -72,14 +72,10 @@
     .navbar-header {
         position: sticky;
         top: 0;
-        z-index: 1050;
+        z-index: 15;
         height: var(--bs-header-height);
     }
 
-    .modal-open .navbar-header {
-        z-index: 1040;
-    }
-
     ::deep .bb-g-search {
         margin-bottom: 0;
         margin-inline-end: .5rem;
diff --git a/src/BootstrapBlazor.Server/Components/Layout/BaseLayout.razor.css b/src/BootstrapBlazor.Server/Components/Layout/BaseLayout.razor.css
index 0cd9a6f5bfe..49ce1233146 100644
--- a/src/BootstrapBlazor.Server/Components/Layout/BaseLayout.razor.css
+++ b/src/BootstrapBlazor.Server/Components/Layout/BaseLayout.razor.css
@@ -6,4 +6,6 @@
 
 main {
     min-height: calc(100vh - var(--bs-header-height));
+    position: relative;
+    z-index: 10;
 }
diff --git a/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css b/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css
index 1c30fb850ea..4420533d6c8 100644
--- a/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css
+++ b/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css
@@ -1,5 +1,11 @@
-.main {
+.section {
+    position: relative;
+}
+
+.main {
     padding: var(--bb-main-pading);
+    position: relative;
+    z-index: 5;
 }
 
 .sidebar-title {
@@ -75,6 +81,7 @@
 ::deep .dial-button {
     display: none;
     position: fixed;
+    z-index: 10;
     right: 1rem;
     bottom: 1rem;
 }