Tidak ada hanya satu harta CSS yang anda jangkau ketika menyembunyikan dan menunjukkan perkara dalam CSS. Terdapat banyak pertimbangan yang akan kita bahas dalam video ini.
Sebagai contoh, terdapat display
harta yang display: none;
sangat berkesan untuk menyembunyikan sesuatu. Tetapi ia akan menyembunyikan elemen itu dari teknologi bantu juga, dan anda tidak selalu menginginkannya, seperti menu navigasi lungsur turun (menu lungsur disembunyikan secara visual tetapi tidak seharusnya disembunyikan dari teknologi bantu).
Dan display
juga tidak boleh dipindahtangankan, jadi jika anda mahu memudar / memudar elemen itu transition
, itu sudah habis. Kecuali anda melibatkan JavaScript untuk menerapkan harta itu hanya setelah peralihan berlaku.
Apa yang boleh ditukar ganti? opacity
adalah, dan ternyata visibility
juga. Kombinasi ini cukup berguna bersama-sama, kerana apabila elemen visibility: hidden;
itu tidak mengganggu acara seperti klik / ketukan. Kombo ini tidak mengeluarkan elemen daripada aliran halaman, yang boleh berguna atau tidak berguna. The position
harta mungkin berguna dalam hal keadaan itu.
Lihat! Banyak yang perlu difikirkan!