diff --git a/index.html b/index.html
index caf5561c1..62c6d2cf4 100644
--- a/index.html
+++ b/index.html
@@ -42,6 +42,7 @@
 
 <body>
   <div id="app"></div>
+  <div style='z-index:9999;position: relative' id='ztop'></div>
   <script type="module" async src="/src/splash.ts"></script>
   <noscript>
     <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
@@ -50,4 +51,4 @@
   </noscript>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/src/components/ArtifactPanel.vue b/src/components/ArtifactPanel.vue
index fb4affb0d..e2aedffb2 100644
--- a/src/components/ArtifactPanel.vue
+++ b/src/components/ArtifactPanel.vue
@@ -56,7 +56,7 @@
           type="text"
         />
       </nut-form-item>
-      
+
       <nut-form-item
         :label="$t(`syncPage.addArtForm.displayName.label`)"
         prop="displayName"
@@ -91,8 +91,8 @@
           type="text"
         />
         <!-- readonly 只读 -->
-          
-        <Teleport to="body">
+
+        <Teleport to="#ztop">
           <nut-cascader
             :title="$t('syncPage.selectSource.title')"
             v-model:visible="sourceSelectorIsVisible"
@@ -150,7 +150,7 @@
   const ruleForm = ref();
 
   const emit = defineEmits(['close']);
-  
+
   const { name } = defineProps<{
     name: string;
   }>();
