Mengapa Gaya Latar Belakang Elemen Badan Saya Meliputi Keseluruhan Skrin?

Mengapa Penggayaan Latar Belakang untuk Elemen Badan Melangkaui Hadnya?

Apabila menggayakan latar belakang elemen badan, anda mungkin perasan bahawa penggayaan meluas ke seluruh skrin, bukan hanya badan itu sendiri. Untuk memahami tingkah laku ini, kami menyelidiki selok-belok peraturan CSS dan proses pemaparan penyemak imbas.

Menurut spesifikasi CSS 2.1, "latar belakang elemen akar menjadi latar belakang kanvas dan meliputi keseluruhan kanvas ". Ini bermakna apabila anda menggunakan penggayaan latar belakang pada elemen badan, yang merupakan elemen akar halaman web, penggayaan tidak digunakan pada badan semata-mata tetapi sebaliknya pada keseluruhan kanvas, kawasan dalam tetingkap penyemak imbas.

Oleh itu, gaya latar belakang tidak lagi digunakan pada badan, dan badan kehilangan latar belakangnya sendiri. Sebaliknya, gaya latar belakang digunakan terus pada kanvas, menyebabkan keseluruhan skrin terjejas. Ini memastikan ketekalan dalam pemaparan halaman, menghalang warna latar belakang badan daripada mengatasi latar belakang kanvas, yang boleh membawa kepada ketidakkonsistenan visual.

Walau bagaimanapun, sifat penggayaan lain seperti jidar kekal terpencil kepada elemen badan . Jadi, dalam contoh yang diberikan, jidar masih akan berukuran 700px lebar seperti yang dinyatakan untuk elemen badan, manakala warna latar belakang memanjang ke seluruh skrin, kerana ia digunakan pada kanvas.

Atas ialah kandungan terperinci Mengapa Gaya Latar Belakang Elemen Badan Saya Meliputi Keseluruhan Skrin?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!