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

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

WBOY
Lepaskan: 2016-05-16 12:04:38
asal
2164 orang telah melayarinya

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.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan