Bikin background image di css, image nya nggak keluar

Hai bro sis, kenalin aku Naufal, aku mau bikin website dengan background black and white (bisa lihat di sini https://imgur.com/gallery/XJ04CKd). Itu gambarnya aku save image as dari google, terus aku save di folder Gambar, namanya blackwhite. Aku udah coding juga kayak gini(ini cuplikan aja ya):

(Atau bisa codenya lihat di sini https://imgur.com/gallery/yPp9zq9). Tapi tetep deh nggak muncul image nya (lihat di sini https://imgur.com/gallery/PtprpMr).

Aku udah cari, baca-baca, dimana-mana cara background image di css. Terus aku coba codenya, tetep deh nggak muncul di webku. Kenapa ya? Apa ada yg salah dengan codinganku? atau laptopku? atau apa gitu? Tolong pencerahannya dong yang udah master, ini saya pengen bisa dan nggak mau menyerah. Makasihh

avatar naufalsite
@naufalsite

3 Kontribusi 0 Poin

Diperbarui 5 tahun yang lalu

Tanggapan

setau saya urlnya itu yang ada extensionnya baru bisa

8 Jawaban:

file gambar dengan file code nya dalam folder yang sama? kalau beda coba tambahkan titik, contoh <pre> background-image: url(../Gambar/blackwhite.jpg); </pre>

avatar ameliac
@ameliac

104 Kontribusi 27 Poin

Dipost 5 tahun yang lalu

jgn lupa format filenya juga

<pre>

&lt;style&gt;

body{ background-image: url('https://i.imgur.com/lCDLurL.jpg'); } #metode{ margin-top:15px; margin-bottom:15px; }

&lt;/style&gt;

</pre>

avatar thomsonmail
@thomsonmail

126 Kontribusi 25 Poin

Dipost 5 tahun yang lalu

Kalau pemanggilan url imagenya udah bener tapi masih belum bisa keluar juga, coba clear cache browsernya dulu.

avatar zillucks
@zillucks

28 Kontribusi 8 Poin

Dipost 5 tahun yang lalu

setau saya urlnya itu yang ada extensionnya baru bisa

avatar lorenzadam
@lorenzadam

1 Kontribusi 0 Poin

Dipost 5 tahun yang lalu

coba refresh dengan crtl+shift+r

avatar tonisuwendi
@tonisuwendi

169 Kontribusi 36 Poin

Dipost 5 tahun yang lalu

Mungkin kamu typo di nama filenya kli. Perlu diketahui jika nama file/gambar memiliki spasi maka dalam kode urlnya diberikan"%20" (tanpa tanda kutip) sebagai pengganti spasinya. Sebagai contoh, nama file gambarnya seperti ini: black and white.jpg, maka seperti inilah codenya

<pre> body{background-image: url(black%20and%20white.jpg);} </pre> Itu jika file gambarnya berada dalam satu folder dengan file htmlnya

avatar UcokTambunan
@UcokTambunan

12 Kontribusi 7 Poin

Dipost 5 tahun yang lalu

nggak bisa semua dah :( , dari jawaban pertama sampai terbaru, udah kucoba semua tapi nggak ngefek. Nggak hoki kali ya aku hehehe

Tapi makasih buat semua, thx u all

avatar naufalsite
@naufalsite

3 Kontribusi 0 Poin

Dipost 5 tahun yang lalu

Tanggapan

untuk cek link apakah benar atau tidak coba tekan "Ctr + U" cari link gambar yang anda maksud, nanti klik saja, kalo tulisan not found atau tidak muncul gambar berarti linknya salah nulis.

kurasa penggunaan ini bisa background-image: url('https://i.imgur.com/lCDLurL.jpg');

tekan "Ctr+U" di webnya ?

y , nanti src nya diklik, kalu tampil file, berarti udah benar linkny, kalo salah berarti harus dirubah src nya

coba cek dulu dibrowser url gambar mu ke load apa ga.. klo ga ke load ya salah di penulisan url nya..

avatar ameliac
@ameliac

104 Kontribusi 27 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban