diff --git a/src/components/VueNotificationList.vue b/src/components/VueNotificationList.vue
index dbfca6c..8684ccf 100644
--- a/src/components/VueNotificationList.vue
+++ b/src/components/VueNotificationList.vue
@@ -4,7 +4,7 @@
     name="notification-list"
     tag="ul"
     appear
-    class="notification-list fixed z-40"
+    class="notification-list fixed"
   >
     <vue-notification-list-item
       v-for="notification in notificationList"
@@ -38,6 +38,10 @@ export default defineComponent({
       type: String as PropType<NotificationListPosition>,
       default: NotificationListPosition.BottomRight,
     },
+    zIndex:{
+      type: String,
+      default:'z-40'
+    }
   },
   setup(props) {
     const { notifications } = useNotificationStore()
@@ -59,7 +63,7 @@ export default defineComponent({
         : NotificationListPosition.BottomRight,
     )
 
-    const classList = computed(() => `notification-list--${notificationListPosition.value}`)
+    const classList = computed(() => `notification-list--${notificationListPosition.value} z-${props.zIndex}`)
 
     const notificationListItemLayout = computed(
       () => notificationListPosition.value.includes(NotificationListItemLayout.Left)
@@ -81,7 +85,7 @@ export default defineComponent({
 
   .notification-list {
     position: fixed;
-    z-index: 100;
+    z-index: 10000;
     margin: 0;
     padding: 0;