问题的原因是由于模态弹出窗口的CSS样式设置导致了背景整体移动的问题，解决这个问题需要修改CSS样式设置。以下是解决方法的代码示例：

在组件中引用模态弹出窗口时，为其添加样式params，以便在其他地方使用模态窗口时，能够根据需要移动其位置。

    

        
        

            
@ModalTitle
            
                ×
            
        
        
        

            @ModalBody
        
        
        

            @ModalFooter
        
    


@code {
   [Parameter]
   public string ModalClass { get; set; }

   [Parameter]
   public bool IsVisible { get; set; }

   [Parameter]
   public string ModalTitle { get; set; } = string.Empty;

   [Parameter]
   public RenderFragment ModalBody { get; set; }

   [Parameter]
   public RenderFragment ModalFooter { get; set; }

   [Parameter]
   public EventCallback CloseModalCallback { get; set; }

   private async Task CloseModal()
   {
       if (CloseModalCallback.HasDelegate)
           await CloseModalCallback.InvokeAsync(false).ConfigureAwait(false);
   }
}

在引用模态弹出窗口的组件中，通过在CSS文件中添加.modal的类选择器，并为其添加position和z-index样式属性，以使其在浮动模态弹出窗口时不影响整个背景的层次结构。

/* Modal CSS */
.modal {
    position: absolute !important;
    z-index: 1000 !important;
}

以上代码使模态弹出窗口获得不透明的层次结构，并使用绝对定位（position: absolute）属性在浮动窗口时不影响父组件的样