Rumah  >  Artikel  >  hujung hadapan web  >  Ringkasan langkah berjaga-jaga untuk menggunakan paparan css:none_Experience exchange

Ringkasan langkah berjaga-jaga untuk menggunakan paparan css:none_Experience exchange

WBOY
WBOYasal
2016-05-16 12:04:382116semak imbas

1. Jika anda terus menggunakan display:none untuk menyembunyikan elemen dalam fail gaya atau kod fail halaman, selepas memuatkan halaman, tanpa menetapkan gaya melalui js untuk memaparkan elemen, kod js tidak akan dapat memperoleh elemen dengan betul . Sesetengah atribut, seperti offSetTop, offSetLeft, dsb., akan mengembalikan nilai 0. Nilai ini boleh diperoleh dengan betul hanya selepas menetapkan style.display dalam js untuk memaparkan elemen.

2. Elemen yang disembunyikan menggunakan display:none tidak akan diambil oleh tapak carian seperti Baidu, yang akan menjejaskan SEO tapak web Dalam beberapa kes, left:-100000px boleh digunakan untuk mencapai kesan yang sama .

3 Jika anda menetapkan paparan:tiada gaya elemen melalui fail gaya atau , tetapan style.display="" dengan js tidak akan menjadikan elemen dipaparkan seperti blok atau sebaris. Tetapan terus pada elemen melalui style="display:none" tidak akan menghadapi masalah ini

4. Dalam sesetengah kes, style.visibility boleh digunakan dan bukannya style.display, tetapi harus diingat bahawa gaya. keterlihatan Apabila menyembunyikan elemen, ruang yang diduduki oleh elemen pada halaman dikekalkan, manakala style.display menyembunyikan elemen dan melepaskan ruang yang didudukinya pada halaman.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn