diff --git a/pages/CSS/layout/z-index.uvue b/pages/CSS/layout/z-index.uvue
index 49919f8c139e4034bddfde62fe15950547b86c69..2d813648b1fff0c3821d117b33ee375bf43a618b 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>