From 8fceccbd56913a67585b273a6500089f990f7b31 Mon Sep 17 00:00:00 2001
From: shutao <shutao@dcloud.io>
Date: Mon, 4 Mar 2024 12:54:59 +0800
Subject: [PATCH] update z-index.uvue

---
 pages/CSS/layout/z-index.uvue | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/pages/CSS/layout/z-index.uvue b/pages/CSS/layout/z-index.uvue
index 49919f8c..2d813648 100644
--- a/pages/CSS/layout/z-index.uvue
+++ b/pages/CSS/layout/z-index.uvue
@@ -9,6 +9,10 @@
         <text>position: fixed</text>
         <text>z-index: 5</text>
       </view>
+      <view class="common fixed floor">
+        <text>position: fixed</text>
+        <text>z-index: -1</text>
+      </view>
     </view>
     <view style="top: 250px;">
       <view class="common" style="background-color: red;z-index: 10;">
@@ -22,10 +26,6 @@
       <view class="common" style="background-color: blue;top: -75px;left: 175px;">
         <text>z-index: 0</text>
       </view>
-      <view class="common fixed" style="background-color: chocolate;top: 250px;left: 175px;z-index: -1;">
-        <text>position: fixed</text>
-        <text>z-index: -1</text>
-      </view>
     </view>
   </view>
 </template>
@@ -72,4 +72,16 @@
   top: calc(var(--window-top) + 87px);
   /* #endif */
 }
+
+.floor {
+  background-color: chocolate;
+  /* #ifdef APP */
+  top: 250px;
+  /* #endif */
+  /* #ifdef H5 */
+  top: calc(var(--window-top) + 250px);
+  /* #endif */
+  left: 175px;
+  z-index: -1;
+}
 </style>
-- 
GitLab