Butang terapung dialog terus bertindih

Question

Hai, saya sedang membina apl blazor Maui dan saya mempunyai dialog saiz halaman penuh dengan butang terapung di dalamnya. Apabila dialog ditutup dan dikembalikan ke halaman asal, pada halaman asal terdapat ruang mati di mana butang dialog berada (pada dialog saya menukar keterlihatan butang berdasarkan syarat). Gaya yang saya gunakan untuk butang terapung:

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

Kemas kini: Saya mengubah suai css butang terapung, dan kini tiada ruang mati, tetapi kedudukannya tidak baik:

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

Answer 1

Terdapat dua cara untuk menetapkan sama ada elemen boleh dilihat.

Salah satu cara ialah menambah visibility 设置为 hidden. Elemen HTML kemudiannya akan disembunyikan, tetapi ruang yang didudukinya akan dikekalkan.

Cara lain ialah menambah display 设置为 none. Dalam kes ini, elemen HTML disembunyikan tetapi ruang di mana ia berada tidak dipelihara.

So, boleh cuba guna display并将其值设置为none.