Mengapa Harta Latar Belakang CSS Saya Membuang Ralat 'Operator Tidak Betul'?

Memahami "Ralat: CSS: latar belakang: / ialah operator yang salah" Isu

CSS menyediakan sifat trengkas yang mudah, latar belakang, untuk memudahkan pengurusan pelbagai atribut latar belakang. Apabila menggunakan sifat ini, adalah penting untuk mengikuti sintaksnya yang betul. Penyimpangan daripada sintaks ini boleh membawa kepada ralat pengesahan.

Punca Ralat

Dalam HTML yang disediakan, sifat latar belakang elemen termasuk aksara "/", yang memisahkan atribut kedudukan latar belakang dan saiz latar belakang. Walau bagaimanapun, ini adalah operator yang salah mengikut sintaks CSS.

Sintaks dan Penjelasan yang Betul

Sintaks yang betul untuk sifat latar belakang yang melibatkan kedua-dua kedudukan latar belakang dan saiz latar belakang ialah:

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

Berikut ialah pecahan nilai:

• url(...): Mentakrifkan imej untuk digunakan sebagai latar belakang.
• 100% 0: Menentukan kedudukan latar belakang, menetapkan mendatar dan menegak imej kedudukan.
• /: Mengasingkan kedudukan latar belakang daripada saiz latar belakang.
• 4%: Menetapkan saiz latar belakang, menunjukkan lebar dan tinggi imej latar belakang berbanding saiz elemen.
• tiada ulangan: Menghalang imej daripada berulang merentasi elemen.

Nota Tambahan

Perlu diperhatikan bahawa saiz latar belakang mesti dinyatakan bersama kedudukan latar belakang dalam harta latar belakang singkatan. Anda boleh, walau bagaimanapun, menentukan kedudukan latar belakang tanpa saiz latar belakang, seperti dalam contoh berikut:

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

Isu Berkaitan

Untuk rujukan, soalan yang sama mempunyai telah dibincangkan di tempat lain: "Isu dengan kedudukan latar belakang dalam sifat trengkas latar belakang."

Atas ialah kandungan terperinci Mengapa Harta Latar Belakang CSS Saya Membuang Ralat 'Operator Tidak Betul'?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!