Mengapa Imej Latar Belakang CSS Saya Tidak Dipaparkan?

Menyelesaikan masalah: Imej Latar Belakang CSS Tidak Responsif

Isu: Walaupun mengikut garis panduan yang disyorkan, imej latar belakang dinyatakan dalam CSS lembaran gaya kekal tiada, menghasilkan latar belakang putih biasa.

Penyiasatan:

Anda menyebut menggunakan sintaks CSS yang dikemas kini untuk menetapkan imej latar belakang:

body {background: url('image.jpeg');}

Walau bagaimanapun, coretan CSS yang anda berikan termasuk atribut tambahan yang mungkin menyebabkan isu:

background-image: url("nickcage.jpg");

Penyelesaian 1: Alih Keluar Petikan Yang Tidak Diperlukan

Dalam kod yang disediakan, nama fail "nickcage.jpg" disertakan dalam petikan berganda. Walaupun ini biasanya digunakan untuk nilai rentetan dalam HTML, ia tidak perlu apabila menentukan URL dalam lembaran gaya CSS. Alih keluar petikan daripada sifat imej latar belakang:

background-image: url(nickcage.jpg);

Penyelesaian 2: Pastikan Laluan yang Betul

Dengan andaian imej, HTML dan fail CSS semuanya terletak di direktori yang sama, mengalih keluar petikan harus menyelesaikan masalah. Walau bagaimanapun, jika mana-mana fail ini terletak dalam subdirektori, anda perlu melaraskan laluan ke imej dengan betul:

• CSS dan Imej dalam subdirektori :

background-image: url(../images/nickcage.jpg);

• Imej berada dalam subdirektori, CSS berada pada tahap yang sama dengan HTML:

background-image: url(images/nickcage.jpg);

Kesimpulan:

Dengan mengalih keluar petikan yang tidak perlu dan memastikan laluan yang betul ke imej, anda sepatutnya berjaya memaparkan imej latar belakang. Ingat, sentiasa semak semula sintaks dan laluan fail apabila menghadapi isu dengan gaya CSS.

Atas ialah kandungan terperinci Mengapa Imej Latar Belakang CSS Saya Tidak Dipaparkan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!