Bagaimanakah Saya Boleh Menyembunyikan Elemen Khusus dalam Menu Menggunakan CSS?

Menyembunyikan Elemen dalam Menu Menggunakan CSS

Soalan:

Bagaimana saya boleh menyembunyikan elemen dalam menu menggunakan CSS dengan cara yang menghalangnya daripada dipaparkan apabila menu diklik, walaupun dalam penyemak imbas seperti Chrome yang tidak menyokong paparan sepenuhnya: tiada untuk tujuan ini?

Jawapan:

Daripada bergantung pada paparan: tiada, pertimbangkan untuk menggunakan atribut tersembunyi dalam HTML5. Berikut ialah contoh:

<select>  
  <option>Option1</option>
  <option>Option2</option>
  <option hidden>Hidden Option</option>
</select>

Penjelasan:

• Atribut tersembunyi disokong oleh penyemak imbas moden, termasuk Chrome dan Firefox.
• Tidak seperti paparan: tiada, tersembunyi menyembunyikan elemen daripada kedua-dua skrin dan menu pilihan apabila ia diklik.
• Pendekatan ini betul dari segi semantik dan boleh digabungkan dengan atribut yang dilumpuhkan untuk mengehadkan lagi interaktiviti dengan pilihan tersembunyi.

Nota:

• Versi Internet Explorer di bawah 11 tidak menyokong atribut tersembunyi.
• Untuk sebilangan kecil yang tersembunyi pilihan, menambah atribut tersembunyi sahaja mungkin lebih cekap daripada menggunakan kaedah lain, seperti mengalih keluar dan menambah semula elemen atau menggunakan teknik bukan standard.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyembunyikan Elemen Khusus dalam Menu Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!