Apakah tiga kaedah css untuk menyembunyikan elemen dom

Tiga kaedah CSS untuk menyembunyikan elemen dom: 1. Tambahkan gaya "kelihatan:tersembunyi;" pada elemen dom 2. Tambahkan gaya "diaplay:none;" pada elemen dom; kelegapan:0;" gaya.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Tiga kaedah css untuk menyembunyikan elemen dom

1 visibility:hidden;

akan Tetapan nilainya kepada tersembunyi akan menyembunyikan elemen kita. Seperti atribut kelegapan, elemen tersembunyi masih mempunyai kesan pada reka letak halaman web kami. Satu-satunya perbezaan daripada kelegapan ialah ia tidak bertindak balas kepada sebarang interaksi pengguna. Di samping itu, elemen akan disembunyikan dalam perisian membaca skrin.

2. diaplay:none;

Atribut paparan benar-benar menyembunyikan unsur mengikut makna perkataan. Menetapkan sifat paparan kepada tiada memastikan elemen itu tidak kelihatan malah model kotak tidak dijana. Menggunakan atribut ini, elemen tersembunyi tidak menduduki sebarang ruang. Bukan itu sahaja, sebaik sahaja paparan ditetapkan kepada tiada, sebarang operasi interaksi pengguna langsung pada elemen tidak akan berkesan. Di samping itu, perisian membaca skrin tidak akan membaca kandungan elemen. Dengan cara ini kesannya seolah-olah unsur itu tidak wujud sama sekali.

Mana-mana unsur keturunan unsur ini juga akan disembunyikan pada masa yang sama. Menghidupkan sifat ini tidak mempunyai kesan; sebarang peralihan antara nilai keadaannya yang berbeza akan sentiasa berkuat kuasa serta-merta.

Walau bagaimanapun, sila ambil perhatian bahawa elemen ini masih boleh diakses melalui DOM. Jadi anda boleh memanipulasinya melalui DOM. Sama seperti elemen lain yang tidak tersembunyi, seperti $(""), dsb.

3. daripada sesuatu unsur. Ia tidak direka untuk menukar kotak sempadan unsur. Bit ini menetapkan kelegapan kepada 0 sahaja untuk menyembunyikan elemen secara visual. Walaupun elemen itu sendiri masih menduduki kedudukannya sendiri dan menyumbang kepada reka letak halaman web, ia juga akan bertindak balas kepada interaksi pengguna. opacity:0; (Mempelajari perkongsian video:

)

Atas ialah kandungan terperinci Apakah tiga kaedah css untuk menyembunyikan elemen dom. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!