diff --git a/src/components/ImageCanvas.tsx b/src/components/ImageCanvas.tsx
index 3c9a9c3..8c6949f 100644
--- a/src/components/ImageCanvas.tsx
+++ b/src/components/ImageCanvas.tsx
@@ -259,7 +259,7 @@ export const ImageCanvas: React.FC = () => {
         className="flex-1 relative overflow-hidden bg-gray-100"
       >
         {!image && !isGenerating && (
-          <div className="absolute inset-0 flex items-center justify-center">
+          <div className="absolute inset-0 flex items-center justify-center z-0">
             <div className="text-center">
               <div className="text-6xl mb-4">🍌</div>
               <h2 className="text-xl font-medium text-gray-300 mb-2">
@@ -276,7 +276,7 @@ export const ImageCanvas: React.FC = () => {
         )}
 
         {isGenerating && (
-          <div className="absolute inset-0 flex items-center justify-center bg-gray-900/50">
+          <div className="absolute inset-0 flex items-center justify-center bg-gray-900/50 z-50">
             <div className="text-center">
               <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-yellow-400 mb-4" />
               <p className="text-gray-300">正在创建您的图像...</p>
@@ -303,7 +303,8 @@ export const ImageCanvas: React.FC = () => {
           onMousemove={handleMouseMove}
           onMouseup={handleMouseUp}
           style={{ 
-            cursor: selectedTool === 'mask' ? 'crosshair' : 'default' 
+            cursor: selectedTool === 'mask' ? 'crosshair' : 'default',
+            zIndex: 10
           }}
         >
           <Layer>