update z-index.uvue

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>