load background-image | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 1

load background-image

I try to load a background image in CSS with an url : #header { background-image: url("https://drive.google.com/file/d/1HT56yziZEZpOG8teE_Z8m4WKJa7DBWDGIw/view"); background-size: cover; } But nothing is shown when I run this code, any suggestions ?

21st Oct 2018, 2:38 PM
Harry De Vries
Harry De Vries - avatar
5 Answers
+ 1
you have to upload it on public image hosting. like photobucket ..because when I tried to view it it requires permission from you
21st Oct 2018, 6:26 PM
Mohsen Cadir
Mohsen Cadir - avatar
+ 2
it has no image extension. it wont load.
21st Oct 2018, 5:08 PM
Harry De Vries
Harry De Vries - avatar
+ 1
ok I tried both. jpg and PNG. did not work.
21st Oct 2018, 4:44 PM
Harry De Vries
Harry De Vries - avatar
+ 1
Open the webside that shows your photo, than press Ctrl Shift i You will see all information from the webside on the right-hand side of your screen. The URL of the photo is also there. copy this url and paste it where you want it. That should do the trick ;-)    
29th Oct 2018, 2:19 AM
Marco A de Jong
Marco A de Jong - avatar
0
you should be connected through internet.
21st Oct 2018, 2:46 PM
Mohsen Cadir
Mohsen Cadir - avatar