對話框的浮動按鈕保持重疊

Question

您好，我正在建立一個 Maui blazor 應用程序，我有一個完整頁面大小的對話框，其中有一個浮動按鈕。當對話方塊關閉並返回原始頁面時，在原始頁面上，對話方塊按鈕所在的位置有一個死區（在對話方塊上，我根據條件更改該按鈕的可見性）。 我用於浮動按鈕的樣式：

.center {
    bottom: 5%;
    z-index: 999;
    cursor: pointer;
    margin: 0;
    position: fixed;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

更新： 我修改了浮動按鈕的css，現在沒有死區了，但位置不好：

.center {
    bottom: 5%;
    cursor: pointer;
    margin: 0;
    left:50%;
}

Answer 1

有兩種方法可以設定元素是否可見。

一種方法是將 visibility 設定為 hidden。然後 HTML 元素將會隱藏，但保留該元素所在的空間。

另一種方法是將 display 設定為 none。在這種情況下，HTML 元素會隱藏但不保留該元素所在的空間。

所以，您可以嘗試使用display並將其值設為none。