Mengapa Harta Latar Belakang CSS Saya Menunjukkan 'Ralat: CSS: latar belakang: / ialah pengendali yang salah'?

Ralat Latar Belakang CSS: Menyelesaikan Masalah Operator yang Salah

Dalam bidang pembangunan web, adalah perkara biasa untuk menghadapi ralat CSS. Satu ralat sedemikian, "Ralat: CSS: background: / ialah operator yang salah," timbul apabila menggunakan sintaks singkatan untuk menetapkan sifat latar belakang.

Pertimbangkan coretan kod HTML berikut:

<div>
<p>Dalam kod ini, sifat latar belakang termasuk garis miring ke hadapan (/). Menurut alat pengesahan HTML, garis miring ini ialah pengendali yang salah.</p>
<p>Kunci untuk memahami ralat ini terletak pada sintaks formal untuk menentukan sifat latar belakang:</p>
<pre class="brush:php;toolbar:false">background: url(...) <background-position> [/<background-size>] [<repeat-style>]</repeat-style></background-size></background-position>

Slash (/) memisahkan nilai untuk "kedudukan latar belakang" dan "saiz latar belakang." Oleh itu, sintaks yang betul dalam contoh kami ialah:

background: url(...) 100% 0 / 4% no-repeat;

Di sini, "kedudukan latar belakang" ditetapkan kepada "100% 0" (penjajaran mendatar dan menegak) dan "saiz latar belakang" ditetapkan kepada "4%." Nilai "tidak berulang" menyatakan bahawa imej tidak boleh berulang.

Perlu diambil perhatian bahawa "saiz latar belakang" mesti sentiasa disertakan dengan "kedudukan latar belakang" apabila menggunakan sintaks trengkas. Walau bagaimanapun, adalah mungkin untuk menentukan "kedudukan latar belakang" tanpa "saiz latar belakang":

background: url(...) 100% 0 no-repeat;

Dengan mematuhi sintaks yang betul, pembangun boleh mengelakkan ralat "latar belakang: / adalah operator yang salah" dan memastikan pemaparan imej latar belakang yang betul.