Background Image

gan,ini kenapa ya background image nya gak mau muncul??? klo ane pake background color bisa

#Newbie

avatar Rizqifeb
@Rizqifeb

47 Kontribusi 6 Poin

Diperbarui 6 tahun yang lalu

13 Jawaban:

avatar Rizqifeb
@Rizqifeb

47 Kontribusi 6 Poin

Dipost 6 tahun yang lalu

coba ini gan:

background : url('background.JPEG');

avatar marufjs
@marufjs

23 Kontribusi 16 Poin

Dipost 6 tahun yang lalu

tetap gan,gak ngaruh...

avatar Rizqifeb
@Rizqifeb

47 Kontribusi 6 Poin

Dipost 6 tahun yang lalu

coba ini gan, langsung di file index nya ya, di tag body

avatar marufjs
@marufjs

23 Kontribusi 16 Poin

Dipost 6 tahun yang lalu

itu salah di format type gambar nya. perhatikan TYPE di gambar background tertulis format JPEG.

jadi ganti background:url(background.jpeg)

avatar rioalvian
@rioalvian

4 Kontribusi 1 Poin

Dipost 6 tahun yang lalu

masih tetap gan...

Ini link file index.html dan style.css + gambar BG nya gan,tolong koreksi klo ada salah penulisan

https://goo.gl/Dqudr8

avatar Rizqifeb
@Rizqifeb

47 Kontribusi 6 Poin

Dipost 6 tahun yang lalu

coba langsung di index nya gan, di tag body.

avatar marufjs
@marufjs

23 Kontribusi 16 Poin

Dipost 6 tahun yang lalu

masalahnya itu, tag body nya gan, kalo di lihat, tag pembuka body itu huruf depannya besar, sedangkan tag penutupnya kecil.

harusnya kecil semua gan,

jadinya gini

... ... ...

coba dulu gambarnya muncul apa engga, kalo ngga muncul coba pake komentarku yg sebelumya, langsung di tag body nya.

avatar marufjs
@marufjs

23 Kontribusi 16 Poin

Dipost 6 tahun yang lalu

sudah di link dengan css nya belum ?


<link rel="stylesheet" type="text/css" href="background.jpg">
avatar hendyzag
@hendyzag

6 Kontribusi 3 Poin

Dipost 6 tahun yang lalu

Ini hasil oprekan ane gan..

kode CSS agan perlu diubah sedikit seperti ini:

 body {
    background: url(background.jpg);
    background-size: cover;
}

perlu diketahui, kode CSS agan sebelum ane ubah seperti ini:

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

nah, seharusnya agan menuliskan ekstensi image "background" dengan jpg bukan jpeg. kemudian properti background-size nya di-set ke cover agar background-nya memenuhi seluruh ruang.

ada artikel bagus tentang full page background image di CSS-Tricks [link]https://css-tricks.com/perfect-full-page-background-image/[/link]

Semoga membantu...

avatar fathy
@fathy

21 Kontribusi 10 Poin

Dipost 6 tahun yang lalu

penulisan HTML dan CSS udah benar yg ada di google drive, sekarang coba hapus tag komentar pada html dibagian image. seperti ini : .

jadi sisakan sepert ini : gambar

avatar rioalvian
@rioalvian

4 Kontribusi 1 Poin

Dipost 6 tahun yang lalu

perama-tama pastiin dimana letak nyimpen si file jpgnya. untuk memanggilnya pake background-image:url("file_gambar.jpg");

contoh pada html:

 <body style="background-image:url('background.jpg')">

contoh pada css:

 body { background-image: url("background.jpg") }

mudah2an membantu

avatar andriyfm
@andriyfm

23 Kontribusi 8 Poin

Dipost 6 tahun yang lalu

Oh ternyata harus gini gan "background-image:url(background.jpg)"

btw makasih agan aga semua nya sudah membantu menjawab :)

avatar Rizqifeb
@Rizqifeb

47 Kontribusi 6 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban