diff --git a/src/components/Drawer/Drawer.scss b/src/components/Drawer/Drawer.scss
index 8e15a610..e675a294 100644
--- a/src/components/Drawer/Drawer.scss
+++ b/src/components/Drawer/Drawer.scss
@@ -4,6 +4,7 @@ $block: '.#{variables.$ns}drawer';
 
 #{$block} {
     pointer-events: none;
+    z-index: var(--gn-drawer-z-index);
 
     --_--item-shadow-default: 0 1px 5px 0 var(--g-color-sfx-shadow);
     --_--item-position: fixed;
diff --git a/src/components/Drawer/README.md b/src/components/Drawer/README.md
index 5a98cfe2..4f6ecbee 100644
--- a/src/components/Drawer/README.md
+++ b/src/components/Drawer/README.md
@@ -99,6 +99,8 @@ The Drawer module consists of two primary components: `Drawer` and `DrawerItem`.
 
 | Name                                          | Description                                                 |                 Default                 |
 | :-------------------------------------------- | :---------------------------------------------------------- | :-------------------------------------: |
+| Drawer                                        |                                                             |                                         |
+| `--gn-drawer-z-index`                         | z-index of the drawer root container                        |                `"auto"`                 |
 | DrawerItem                                    |                                                             |                                         |
 | `--gn-drawer-item-position`                   | The position of the drawer item on page                     |                 `fixed`                 |
 | `--gn-drawer-item-shadow`                     | The box-shadow of the drawer item when veil is hidden       | `0 1px 5px 0 var(--g-color-sfx-shadow)` |