对话框的浮动按钮保持重叠

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。